19 wiersze
433 B
TypeScript
19 wiersze
433 B
TypeScript
import { useEffect } from "react";
|
|
|
|
/**
|
|
* Like useEffect(), but ensures that the effect is only
|
|
* called when its dependencies haven't changed for the
|
|
* given number of milliseconds.
|
|
*/
|
|
export function useDebouncedEffect(
|
|
ms: number,
|
|
effect: React.EffectCallback,
|
|
deps: React.DependencyList
|
|
) {
|
|
useEffect(() => {
|
|
const timeout = setTimeout(effect, ms);
|
|
|
|
return () => clearTimeout(timeout);
|
|
}, [...deps, ms]);
|
|
}
|