Files
flatrender/src/hooks/useDebouncedValue.ts
T

15 lines
381 B
TypeScript

"use client";
import { useEffect, useState } from "react";
export function useDebouncedValue<T>(value: T, delay = 300): T {
const [debouncedValue, setDebouncedValue] = useState(value);
useEffect(() => {
const timer = window.setTimeout(() => setDebouncedValue(value), delay);
return () => window.clearTimeout(timer);
}, [value, delay]);
return debouncedValue;
}