react-native-toast-message/lib/src/hooks/useTimeout.js

Toast message component for React Native

import React from 'react';
import { useLogger } from '../contexts';
function useTimeout(cb, delayMs = 0) {
    const { log } = useLogger();
    const ref = React.useRef();
    const clearTimer = React.useCallback(() => {
        if (ref.current) {
            log('Clearing timer', ref.current);
            clearTimeout(ref.current);
            ref.current = undefined;
        }
    }, [log]);
    const startTimer = React.useCallback(() => {
        clearTimer();
        ref.current = setTimeout(() => {
            cb();
            log('Running timer', ref.current);
            ref.current = undefined;
        }, delayMs);
        log('Starting timer', ref.current);
    }, [clearTimer, delayMs, log, cb]);
    React.useEffect(() => () => clearTimer(), [clearTimer]);
    return {
        startTimer,
        clearTimer,
        isActive: ref.current !== undefined
    };
}
export { useTimeout };