Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | 1x 1x 1x 1x 14x 14x 14x 14x 14x 6x 6x 6x 5x 1x 1x 6x 6x 6x 3x 3x 6x 14x | import { useEffect, useState } from "react";
import { useLocation, useNavigate } from "react-router-dom";
import { supabase } from "../supabaseClient";
import { User } from "@supabase/supabase-js";
/**
* Custom hook to manage authentication state using Supabase.
* @returns { user: User | null, isAuthenticated: boolean, loading: boolean }
*/
export const useAuth = () => {
const [user, setUser] = useState<User | null>(null);
const [loading, setLoading] = useState(true);
const navigate = useNavigate();
const location = useLocation();
useEffect(() => {
const getSession = async () => {
try {
const { data } = await supabase.auth.getSession();
setUser(data.session?.user || null);
} catch (err) {
console.error("Failed to get session:", err);
setUser(null);
} finally {
setLoading(false);
}
};
getSession();
const { data: listener } = supabase.auth.onAuthStateChange(
(_event, session) => {
setUser(session?.user || null);
setLoading(false);
}
);
return () => listener?.subscription.unsubscribe();
}, [navigate, location.pathname]);
return { user, isAuthenticated: !!user, loading };
};
|