coco-app/src/hooks/useEscape.ts

import { invoke } from "@tauri-apps/api/core";
import { useEffect } from "react";

const useEscape = () => {
  const handleEscape = (event: KeyboardEvent) => {
    if (event.key === "Escape") {
      event.preventDefault();

      invoke("hide");
    }
  };

  useEffect(() => {
    window.addEventListener("keydown", handleEscape);

    return () => window.removeEventListener("keydown", handleEscape);
  }, []);
};

export default useEscape;