React hook for creating debounced callback

useDebouncedCallback.ts

export const useDebouncedCallback = <T extends (...args: any) => void>(
  callback: T,
  time: number,
  deps: React.DependencyList
) => {
  const timerRef = React.useRef<number>(-1);

  const memoizedCallback = React.useCallback<T>(
    ((...args: any): void => {
      clearTimeout(timerRef.current);
      timerRef.current = setTimeout(() => callback(...args), time);
    }) as T,
    deps
  );

  return memoizedCallback;
};