useDebounce Hook

A simple React hook to debounce any fast-changing value.

Install

npm install @cr7/use-debounce-hook

Usage

import { useDebounce } from "@yourusername/use-debounce-hook";

function SearchBox() {
  const [text, setText] = useState("");
  const debouncedText = useDebounce(text, 500);

  useEffect(() => {
    console.log("Searching for:", debouncedText);
  }, [debouncedText]);

  return <input value={text} onChange={(e) => setText(e.target.value)} />;
}