useDebounce

smithery/use-debounce

FreeHook

A hook that debounces a value by a specified delay.

Install it

npx shadcn@latest add https://smithery.chat/r/use-debounce.json

Source

registry/new-york/hooks/use-debounce.tssmithery.chat/r/use-debounce.json

1import { useEffect, useState } from "react";
2 
3export function useDebounce<T>(value: T, delay: number): T {
4	const [debouncedValue, setDebouncedValue] = useState<T>(value);
5 
6	useEffect(() => {
7		const handler = setTimeout(() => {
8			setDebouncedValue(value);
9		}, delay);
10 
11		return () => {
12			clearTimeout(handler);
13		};
14	}, [value, delay]);
15 
16	return debouncedValue;
17}

Files it writes

registry/new-york/hooks/use-debounce.ts