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