32 lines
682 B
JavaScript
32 lines
682 B
JavaScript
// @flow
|
|
import * as React from "react";
|
|
|
|
export default function useDebouncedCallback(
|
|
callback: (any) => mixed,
|
|
wait: number
|
|
) {
|
|
// track args & timeout handle between calls
|
|
const argsRef = React.useRef();
|
|
const timeout = React.useRef();
|
|
|
|
function cleanup() {
|
|
if (timeout.current) {
|
|
clearTimeout(timeout.current);
|
|
}
|
|
}
|
|
|
|
// make sure our timeout gets cleared if consuming component gets unmounted
|
|
React.useEffect(() => cleanup, []);
|
|
|
|
return function (...args: any) {
|
|
argsRef.current = args;
|
|
cleanup();
|
|
|
|
timeout.current = setTimeout(() => {
|
|
if (argsRef.current) {
|
|
callback(...argsRef.current);
|
|
}
|
|
}, wait);
|
|
};
|
|
}
|