File "use-callback-ref.ts"
Full Path: /home/markqprx/iniasli.pro/resources/client/utils/hooks/use-callback-ref.ts
File size: 562 bytes
MIME-type: text/plain
Charset: utf-8
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, []);
}