import { useEventListener } from "~/hooks/useEventListener";
 
function Component() {
  const divRef = useRef<HTMLDivElement>(null);
 
  useEventListener("click", () => {
    console.log("Clicked on window");
  });
 
  useEventListener(
    "mouseenter",
    () => {
      console.log("Mouse entered the div!");
    },
    divRef,
  );
 
  return (
    <div>
      <div ref={divRef}>Hover over this div</div>
    </div>
  );
}

function useEventListener<K extends keyof WindowEventMap>(
  eventName: K,
  handler: (event: WindowEventMap[K]) => void,
  element?: RefObject<HTMLElement> | Window,
): void;