15b1069bcc
This PR moves the entire project to Typescript. Due to the ~1000 ignores this will lead to a messy codebase for a while, but the churn is worth it – all of those ignore comments are places that were never type-safe previously. closes #1282
30 lines
803 B
TypeScript
30 lines
803 B
TypeScript
import * as React from "react";
|
|
|
|
export default function useDebouncedCallback(
|
|
callback: (arg0: any) => unknown,
|
|
wait: number
|
|
) {
|
|
// track args & timeout handle between calls
|
|
const argsRef = React.useRef();
|
|
const timeout = React.useRef<ReturnType<typeof setTimeout>>();
|
|
|
|
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) {
|
|
// @ts-expect-error ts-migrate(2556) FIXME: Expected 1 arguments, but got 0 or more.
|
|
callback(...argsRef.current);
|
|
}
|
|
}, wait);
|
|
};
|
|
}
|