packages/hooks/useInterval.ts

   1 // https://usehooks-ts.com/react-hook/use-interval
   2 // See also https://overreacted.io/making-setinterval-declarative-with-react-hooks/
   3 import { useEffect, useRef } from 'react';
   4
   5 import noop from '@proton/utils/noop';
   6
   7 const useInterval = (callback: () => void, delay: number | null) => {
   8     const savedCallback = useRef<() => void>(noop);
   9
  10     // Remember the latest callback.
  11     useEffect(() => {
  12         savedCallback.current = callback;
  13     }, [callback]);
  14
  15     // Set up the interval.
  16     useEffect(() => {
  17         if (delay === null) {
  18             return;
  19         }
  20
  21         const id = setInterval(() => savedCallback.current(), delay);
  22
  23         return () => clearInterval(id);
  24     }, [delay]);
  25 };
  26
  27 export default useInterval;