Hookagain
hookuse-debounced-valuesource: ok · refreshed
Use Debounced Value
npx shadcn add "https://hookagain.vercel.app/r/use-debounced-value.json"free
No selection tags yet — empty means no evidence, not lack of support.
Files1 · source cached 10/2/2026, 1:58:11 AM
hooks/use-debounced-value.ts
import * as React from "react";
export function useDebouncedValue<T>(value: T, delay = 500) {
const [debouncedValue, setDebouncedValue] = React.useState<T>(value);
React.useEffect(() => {
const timer = setTimeout(() => {
setDebouncedValue(value);
}, delay);
return () => {
clearTimeout(timer);
};
}, [value, delay]);
return debouncedValue;
}