rser.md

const useModal = (
  isVisible: boolean
): [
  boolean,
  React.Dispatch<React.SetStateAction<boolean>>,
  (event: React.KeyboardEvent<any>) => void
] => {
  const [isOpen, setIsOpen] = useState(isVisible);

  useEffect(() => {
    setIsOpen(isVisible);
  }, [isVisible]);

  const onToggleHandler = (event: React.KeyboardEvent<any>) => {
    setIsOpen(!isOpen);
  };

  return [isOpen, setIsOpen, onToggleHandler];
};