diff --git a/interface/src/utils/useInterval.ts b/interface/src/utils/useInterval.ts index 61ed2c9e6..9b3c89bf2 100644 --- a/interface/src/utils/useInterval.ts +++ b/interface/src/utils/useInterval.ts @@ -4,9 +4,11 @@ import { useEffect, useRef } from 'react'; export const useInterval = (callback: () => void, delay: number) => { const intervalRef = useRef(null); const savedCallback = useRef<() => void>(callback); + useEffect(() => { savedCallback.current = callback; }, [callback]); + useEffect(() => { const tick = () => savedCallback.current(); if (typeof delay === 'number') { @@ -18,5 +20,6 @@ export const useInterval = (callback: () => void, delay: number) => { }; } }, [delay]); + return intervalRef; };