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

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

return (
  <div>
    <input
      type="text"
      value={value}
      onChange={(e) => setValue(e.target.value)}
    />
    <p>Debounced value: {debouncedValue}</p>
  </div>
);

debounceTime = 500; // ms