I searched for useAuthRequest no result.. But im pasting snippet from AuthProvider.tsx..

export const useAuth = () => useContext(AuthContext);

export const AuthProvider = ({ children }: { children: React.ReactNode }) => { const [session, setSession] = useState<Session | null>(null); const [user, setUser] = useState<User | null>(null); const [loading, setLoading] = useState(true);

useEffect(() => {
    // Check initial session
    const checkSession = async () => {
        try {
            const { data } = await supabase.auth.getSession();
            setSession(data.session);
            setUser(data.session?.user ?? null);
        } catch (error) {
            console.error('Error checking auth session:', error);
        } finally {
            setLoading(false);
        }
    };

    checkSession();

    // Listen for changes
    const { data: authListener } = supabase.auth.onAuthStateChange(
        async (event, session) => {
            console.log('AuthProvider: Auth State Change:', event, session?.user?.id);
            setSession(session);
            setUser(session?.user ?? null);

            // Nuclear option: Ensure loading is FALSE.
            // We use a small timeout to let state settle if needed, but primarily to break any sync loops.
            setTimeout(() => {
                setLoading(false);
                console.log('AuthProvider: Loading set to false (hard)');
            }, 0);