useCallbackRef.ts

import { useRef } from 'react'

export function useCallbackRef<Deps extends any[], Args extends any[], Return>(
  fn: (deps: Deps, ...args: Args) => Return,
  deps: Deps,
): (...args: Args) => Return {
  const argsRef = useRef({
    fn: (...args: Args) => fn(argsRef.current.deps, ...args),
    deps,
  })
  argsRef.current.deps = deps
  return argsRef.current.fn
}