@react-hookbox/enhanced-callback/src/index.ts

The enhanced version of useCallback that doesn't need deps array and keeps reference the same.

import { useCallback, useRef } from 'react';

type Fn = (...args: any[]) => any;
type EmptyFn = () => any;

interface EnhancedCallbackHook {
  <F extends EmptyFn>(fn: F): () => ReturnType<F>;
  <F extends Fn>(fn: F): (...args: Parameters<F>) => ReturnType<F>;
}

export const useEnhancedCallback: EnhancedCallbackHook = <F extends Fn>(fn: F) => {
  const callbackRef = useRef(fn);
  callbackRef.current = fn;

  return useCallback((...args: Parameters<F>) => callbackRef.current(...args), []);
};

export default useEnhancedCallback;