/**
* useDebouncedValue Hook
*
* Returns a debounced version of the provided value.
* The debounced value only updates after the specified delay has passed
* without the value changing.
*/
import { useState, useEffect } from 'react';
export function useDebouncedValue<T>(value: T, delay: number = 300): T {
const [debouncedValue, setDebouncedValue] = useState<T>(value);
useEffect(() => {
const timer = setTimeout(() => {
setDebouncedValue(value);
}, delay);
return () => {
clearTimeout(timer);
};
}, [value, delay]);
return debouncedValue;
}