Improve user session handling in middleware

The changes add user session handling directly in the middleware. This ensures the user data is fetched at the start of a request and then passed on to route handlers, reducing repeated data fetching. Also, these improvements include adjustments for how sign-out and auth-change events are managed, particularly when the user session state changes. Additionally, it corrects the error response from useUser hook to return `undefined` instead of `null`.

packages/supabase/src/hooks/use-auth-change-listener.ts

@@ -34,7 +34,7 @@ export function useAuthChangeListener({
 
   useEffect(() => {
     // keep this running for the whole session unless the component was unmounted
-    const listener = client.auth.onAuthStateChange((_, user) => {
+    const listener = client.auth.onAuthStateChange((event, user) => {
       // log user out if user is falsy
       // and if the current path is a private route
       const shouldRedirectUser =
@@ -47,6 +47,10 @@ export function useAuthChangeListener({
         return;
       }
 
+      if (event === 'SIGNED_OUT') {
+        return router.refresh();
+      }
+
       if (accessToken) {
         const isOutOfSync = user?.access_token !== accessToken;
 

packages/supabase/src/hooks/use-sign-out.ts

@@ -1,15 +1,13 @@
-import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { useMutation } from '@tanstack/react-query';
 
 import { useSupabase } from './use-supabase';
 
 export function useSignOut() {
   const client = useSupabase();
-  const queryClient = useQueryClient();
 
   return useMutation({
     mutationFn: async () => {
       await client.auth.signOut();
-      await queryClient.invalidateQueries();
     },
   });
 }

packages/supabase/src/hooks/use-user.ts

@@ -14,7 +14,7 @@ export function useUser(initialData?: User | null) {
 
     // this is most likely a session error or the user is not logged in
     if (response.error) {
-      return null;
+      return undefined;
     }
 
     if (response.data?.user) {
@@ -28,6 +28,7 @@ export function useUser(initialData?: User | null) {
     queryFn,
     queryKey,
     initialData,
+    refetchOnMount: false,
     refetchOnWindowFocus: false,
   });
 }