xref: /MusicFree/src/hooks/useMounted.ts (revision 9677305be11b30a8953a6c14fd24375953a2309d)

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};
}