Auth State Lost During Navigation or Redirect

1. Auth state listener not initialized before redirect
2. Navigation happening before session restored from storage
3. Auth context not providing state to whole app
4. sessionStorage or localStorage cleared on redirect
5. Multiple auth context providers conflicting

Initialize auth state before rendering routes:

function App() {
  const [session, setSession] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    const { data } = supabase.auth.onAuthStateChange((event, session) => {
      setSession(session);
      setLoading(false);
    });
    return () => data?.unsubscribe();
  }, []);

  if (loading) return 
Loading...
;
  
  return session ?  : ;
}