@react-awesome/use-debounce/dist/use-debounce.js

useDebounce debounces the state value.

import { useState, useRef, useEffect } from "react";
function useDebounce(state, timeout = 300) {
  const [debounced, setDebounced] = useState();
  const timeoutId = useRef();
  useEffect(() => {
    const id = timeoutId.current;
    if (id) {
      clearTimeout(id);
    }
    timeoutId.current = window.setTimeout(() => {
      setDebounced(state);
    }, timeout);
    return () => {
      clearTimeout(id);
    };
  }, [state, timeout]);
  return debounced;
}
export {
  useDebounce
};