xref: /MusicFree/src/hooks/useMounted.ts (revision 5589cdf32b2bb0f641e5ac7bf1f6152cd6b9b70e)

import {useCallback, useEffect, useRef, useState} 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};
}