Trap focus

trapFocus

  const handleKeyDown = useCallback(
    (event, firstInteractive, lastInteractive, close, handleSubmit) => {
      const { target, key, shiftKey } = event;

      if (key === "Tab" && shiftKey && target === firstInteractive) {
        event.preventDefault();
        lastInteractive.focus();
      }

      if (key === "Tab" && !shiftKey && target === lastInteractive) {
        event.preventDefault();
        firstInteractive.focus();
      }

      if (key === "Escape") {
        close();
      }

      if (key === "Enter") {
        event.preventDefault();
        handleSubmit();
      }
    },
    []
  );