Files
ttstd-infinite-canvas/web/src/hooks/use-debounced-value.ts

13 lines
379 B
TypeScript

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