useDebounce

Hook that debounces a value by a specified delay.

Usage

import { useDebounce } from "@spectre-ui/hooks";

function SearchInput() {
  const [query, setQuery] = useState("");
  const debouncedQuery = useDebounce(query, 300);

  useEffect(() => {
    // Only fires after 300ms of no typing
    search(debouncedQuery);
  }, [debouncedQuery]);
}