Function useStableCallback

lib/hooks/useStableCallback.ts:5–19

(
  fn: (args: Args) => Return
)

// Forked from useEventCallback (usehooks-ts)
export function useStableCallback<Args, Return>(
  fn: (args: Args) => Return
): (args: Args) => Return {
  const ref = useRef<typeof fn>(() => {
    throw new Error("Cannot call during render.");
  });

  useIsomorphicLayoutEffect(() => {
    ref.current = fn;
  }, [fn]);

  return useCallback((args: Args) => ref.current?.(args), [ref]) as (
    args: Args
  ) => Return;
}