1import { useState, useEffect, useRef } from "react";
2
3export function useThrottle<T>(value: T, interval: number = 500): T {
4 const [throttledValue, setThrottledValue] = useState<T>(value);
5 const lastExecuted = useRef<number>(Date.now());
6
7 useEffect(() => {
8 if (Date.now() >= lastExecuted.current + interval) {
9 lastExecuted.current = Date.now();
10 setThrottledValue(value);
11 } else {
12 const timerId = setTimeout(() => {
13 lastExecuted.current = Date.now();
14 setThrottledValue(value);
15 }, interval);
16
17 return () => clearTimeout(timerId);
18 }
19 }, [value, interval]);
20
21 return throttledValue;
22}