@restart/hooks/esm/useDebouncedCallback.js

A set of utility and general-purpose React hooks.

import { useCallback } from 'react';
import useTimeout from './useTimeout';

/**
 * Creates a debounced function that will invoke the input function after the
 * specified delay.
 *
 * @param fn a function that will be debounced
 * @param delay The milliseconds delay before invoking the function
 */
export default function useDebouncedCallback(fn, delay) {
  const timeout = useTimeout();
  return useCallback((...args) => {
    timeout.set(() => {
      fn(...args);
    }, delay);
  }, [fn, delay]);
}