import {useRef, useState, useEffect, useCallback} from 'react';

export function useOnMounted() {
    const onMounted = useRef(false);
    const [isLoading, setLoading] = useState(true);

    useEffect(() => {
        onMounted.current = true;
        setTimeout(() => {
            setLoading(false);
        });

        return () => {
            onMounted.current = false;
        };
    }, []);

    return {onMounted: useCallback(() => onMounted.current, []), isLoading};
}