useDebounce

import { useDebounce } from "@/hooks/useDebounce";

const [value, setValue] = useState("");

useDebounce(
  () => {
    console.log(`debounced ${value}`);
  },
  2000,
  // make sure to add the dependencies if you want to debounce a value
  [value],
);

import { useDebounceValue } from "@/hooks/useDebounce";

const [search, setSearch] = useState("");
const debouncedSearch = useDebounceValue(search, 300);