bigbuffet-rw/src/hooks/useDebounce.ts
2023-09-18 16:08:54 -05:00

17 lines
401 B
TypeScript

import { useEffect, useState } from 'react';
const useDebounce = (value: string, delay: number): string => {
const [debouncedValue, setDebouncedValue] = useState<string>(value);
useEffect(() => {
const timer = setTimeout(() => setDebouncedValue(value), delay);
return () => {
clearTimeout(timer);
};
}, [value, delay]);
return debouncedValue;
};
export { useDebounce };