A Hook to define an event handler with an always-stable function identity

useEvent.js

// A Hook to define an event handler with an always-stable function identity

function useEvent(handler) {
  const handlerRef = useRef(null);

  // In a real implementation, this would run before layout effects
  useLayoutEffect(() => {
    handlerRef.current = handler;
  });

  return useCallback((...args) => {
    // In a real implementation, this would throw if called during render
    const fn = handlerRef.current;
    return fn(...args);
  }, []);
}

https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md

https://react.dev/reference/react/experimental_useEffectEvent