use-event-shim.js

import * as React from "react";
import { useRef, useCallback, useInsertionEffect } from "react";

let _dispatcher = null;

function getCurrentDispatcher() {
  return React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
    .ReactCurrentDispatcher.current;
}

function useRenderTracker() {
  if (_dispatcher === null) {
    _dispatcher = getCurrentDispatcher();
  }
}

function isInRender() {
  return _dispatcher !== null && _dispatcher === getCurrentDispatcher();
}

export function useEvent(handler) {
  useRenderTracker();
  const ref = useRef(null);
  useInsertionEffect(() => {
    ref.current = handler;
  });
  return useCallback((...args) => {
    if (isInRender()) {
      throw new Error("Cannot call event in Render!");
    }
    const fn = ref.current;
    fn(...args);
  }, []);
}