19 lines
562 B
TypeScript
Executable File
19 lines
562 B
TypeScript
Executable File
import {useEffect, useMemo, useRef} from 'react';
|
|
|
|
/**
|
|
* A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
|
|
* prop or avoid re-executing effects when passed as a dependency
|
|
*/
|
|
export function useCallbackRef<T extends (...args: any[]) => any>(
|
|
callback: T | undefined
|
|
): T {
|
|
const callbackRef = useRef(callback);
|
|
|
|
useEffect(() => {
|
|
callbackRef.current = callback;
|
|
});
|
|
|
|
// https://github.com/facebook/react/issues/19240
|
|
return useMemo(() => ((...args) => callbackRef.current?.(...args)) as T, []);
|
|
}
|