Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
21 lines
779 B
Plaintext
21 lines
779 B
Plaintext
import { useEffect, useState } from 'react';
|
|
/**
|
|
* A custom React hook to throttle a value so that it updates no more than once every `delay` milliseconds.
|
|
* @param {any} value - The value to be throttled.
|
|
* @param {number} delay - The minimum delay (in milliseconds) between updates.
|
|
* @returns {any} - The throttled value.
|
|
*/
|
|
export function useThrottledValue(value, delay) {
|
|
const [throttledValue, setThrottledValue] = useState(value);
|
|
useEffect(() => {
|
|
const handler = setTimeout(() => {
|
|
setThrottledValue(value);
|
|
}, delay);
|
|
// Cleanup the timeout if the value changes before the delay is completed
|
|
return () => {
|
|
clearTimeout(handler);
|
|
};
|
|
}, [value, delay]);
|
|
return throttledValue;
|
|
}
|
|
//# sourceMappingURL=useThrottledValue.js.map |