useInterval react hook

useInterval.ts

import { useEffect, useRef } from 'react';

export const useInterval = (callback: () => void, timeout?: number): void => {
  const intervalId = useRef<number>();
  const savedCallback = useRef<() => void>();

  useEffect(() => {
    savedCallback.current = callback;
  }, [callback]);

  useEffect(() => {
    if (timeout && timeout > 0) {
      const tick = (): void => {
        if (savedCallback && typeof savedCallback.current === 'function') {
          savedCallback.current();
        }
      };

      intervalId.current = setInterval(tick, timeout);
    }

    return (): void => {
      if (intervalId.current) {
        clearInterval(intervalId.current);
      }
    };
  }, [timeout]);
};