useStableCallback.ts

export function useStableCallback<T extends Array<unknown>, R>(
  callback: (...args: T) => R,
): (...args: T) => R {
  let ref = useRef(callback);
  useLayoutEffect(() => {
    ref.current = callback;
  });
  let stableCallback = useCallback((...args: T) => {
    return ref.current(...args);
  }, []);
  return stableCallback;
}