21 行
471 B
TypeScript
21 行
471 B
TypeScript
import { useRef } from "react";
|
|
|
|
type noop = (...args: any[]) => any;
|
|
|
|
/**
|
|
* usePersistFn instead of useCallback to reduce cognitive load
|
|
*/
|
|
export function usePersistFn<T extends noop>(fn: T) {
|
|
const fnRef = useRef<T>(fn);
|
|
fnRef.current = fn;
|
|
|
|
const persistFn = useRef<T>(null);
|
|
if (!persistFn.current) {
|
|
persistFn.current = function (this: unknown, ...args) {
|
|
return fnRef.current!.apply(this, args);
|
|
} as T;
|
|
}
|
|
|
|
return persistFn.current!;
|
|
}
|