A hook to debounce events

useDebounce.js

import { useState } from 'react';

const useDebounce = () => {
  const [timer, setTimer] = useState(null);

  const debounce = (callback, time) => (e) => {
    e.persist();

    if (timer) {
      clearTimeout(timer);
    }


    const timeout = setTimeout(() => {
      callback(e);
      setTimer(null);
    }, time);

    setTimer(timeout);
  }

  return debounce;
};

export default useDebounce;