smov/src/hooks/useDebounce.ts
Jelle van Snik f1ffa98a2b debounced searching
Co-authored-by: William Oldham <wegg7250@gmail.com>
2022-02-13 19:29:25 +01:00

20 lines
454 B
TypeScript

import { useEffect, useState } from "react";
export function useDebounce<T>(value: T, delay: number): T {
// State and setters for debounced value
const [debouncedValue, setDebouncedValue] = useState<T>(value);
useEffect(
() => {
const handler = setTimeout(() => {
setDebouncedValue(value);
}, delay);
return () => {
clearTimeout(handler);
};
},
[value, delay]
);
return debouncedValue;
}