Function useModal

src/hooks/useModal.tsx:3–21

()

import { useRef } from 'react';

const useModal = () => {
  const ref = useRef<HTMLDialogElement>(null);

  const onOpen = () => {
    const currentDialog = ref.current;
    if (currentDialog) {
      currentDialog.showModal();
    }
  };

  const onClose = () => {
    const currentDialog = ref.current;
    if (currentDialog) {
      currentDialog.close();
    }
  };

  return { ref, onOpen, onClose };
};

export default useModal;