react polling hook

usePolling.js

import { useState, useEffect } from 'react';

const usePolling = ({
    timeoutMs = 5000,
    continuePolling,
} = {}) => {
    const [ticker, setTicker] = useState(null);
    const [onContinuePolling, setOnContinuePolling] = useState(null);

    useEffect(() => {
        return () => {
            setTicker(null);
        };
    }, []);

    useEffect(() => {
        (async () => {
            if (Number.isInteger(ticker)) {
                const response = await onContinuePolling();
                console.log({ response });

                await new Promise(res => {
                    setTimeout(res, timeoutMs);
                });

                // trigger another tick
                if (!response) {
                    setTicker(null);
                } else {
                    if (Number.isInteger(ticker)) {
                        setTicker(ticker + 1);
                    }
                }
            }
        })();
    }, [ticker]);

    const startPolling = async ({ continuePolling: _continuePolling = continuePolling }) => {
        setOnContinuePolling(() => _continuePolling);
        setTicker(0);
    };

    const stopPolling = () => {
        setTicker(null);
    };

    return [{ ticker }, { startPolling, stopPolling }];
};

export default usePolling;