React useInterval hook

useInterval.ts

import { useEffect, useRef } from 'react';

export function useInterval(
    callback: (clearInterval: () => void) => any,
    delay: number | null,
): () => void {
    const idRef = useRef<null | number>(null);

    const clearInterval = () => {
        if (idRef.current) {
            window.clearInterval(idRef.current);
            idRef.current = null;
        }
    };

    useEffect(() => {
        if (delay) {
            idRef.current = window.setInterval(() => {
                callback(clearInterval);
            }, delay);
        }
        return () => clearInterval();
    }, [delay]);

    return clearInterval;
}