Debounce in react

use-debounce.ts

import { useCallback } from 'react';
import debounce from 'lodash.debounce';

export function useDebounce(fn: () => void, delay: number) {
  const debouncer = debounce(fn, delay);

  const start = useCallback(() => {
    debouncer();
  }, [debouncer]);

  const stop = useCallback(() => {
    debouncer.cancel();
  }, [debouncer]);

  return { start, stop };
}