portainer/app/react/hooks/useDebouncedValue.ts

16 lines
371 B
TypeScript

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