26 lines
599 B
TypeScript
26 lines
599 B
TypeScript
import { useEffect, useRef } from "react";
|
|
|
|
export function useInterval(callback: () => void, delay: number | null) {
|
|
const savedCallback = useRef<(() => void) | null>(null);
|
|
|
|
// Remember the latest callback.
|
|
useEffect(() => {
|
|
savedCallback.current = callback;
|
|
}, [callback]);
|
|
|
|
// Set up the interval.
|
|
useEffect(() => {
|
|
function tick() {
|
|
if (savedCallback.current) {
|
|
savedCallback.current();
|
|
}
|
|
}
|
|
if (delay !== null) {
|
|
const id = setInterval(tick, delay);
|
|
return () => clearInterval(id);
|
|
}
|
|
}, [delay]);
|
|
}
|
|
|
|
export default useInterval;
|