Forget about stale closures once for all. Inspired by https://stackoverflow.com/a/67270735/10325032.

useFunction.ts

/**
 * When two functions have the same signature, but are not equal.
 * 
 * Fixes the "'T' could be instantiated with a different subtype of constraint" ts(2322) type error.
 * 
 */
type WrapperFunction<T extends AnyFunction> = (...parameters: Parameters<T>) => ReturnType<T>;

/**
 * Prevents stale closures.
 * 
 * @see https://stackoverflow.com/a/67270735/10325032
 */
export function useFunction<T extends AnyFunction>(fn: T): WrapperFunction<T> {
  const ref = React.useRef<T>(fn);
  ref.current = fn;

  function wrapper(this: ThisParameterType<T>, ...parameters: Parameters<T>): ReturnType<T> {
    return ref.current.apply(this, parameters);
  }

  return React.useRef(wrapper).current;
}

Use arguments if parameters don't work.