fix(session): ssr getSession warning (#418)

Author: th1m0

src/runtime/composables/useSupabaseSession.ts

@@ -5,4 +5,4 @@ import { useState, type Ref } from '#imports'
  * Reactive `Session` state from Supabase. This is initialized in both client and server plugin
  * and, on the client, also updated through `onAuthStateChange` events.
  */
-export const useSupabaseSession = (): Ref<Session | null> => useState<Session | null>('supabase_session', () => null)
+export const useSupabaseSession = (): Ref<Omit<Session, 'user'> | null> => useState<Omit<Session, 'user'> | null>('supabase_session', () => null)

src/runtime/plugins/supabase.server.ts

@@ -1,6 +1,7 @@
 import { createServerClient, parseCookieHeader } from '@supabase/ssr'
 import { getHeader, setCookie } from 'h3'
 import { fetchWithRetry } from '../utils/fetch-retry'
+import { serverSupabaseUser, serverSupabaseSession } from '../server/services'
 import { defineNuxtPlugin, useRequestEvent, useRuntimeConfig, useSupabaseSession, useSupabaseUser } from '#imports'
 import type { CookieOptions } from '#app'
 
@@ -33,13 +34,13 @@ export default defineNuxtPlugin({
 
     // Initialize user and session states
     const [
-      {
-        data: { session },
-      },
-      {
-        data: { user },
-      },
-    ] = await Promise.all([client.auth.getSession(), client.auth.getUser()])
+      session,
+      user,
+    ] = await Promise.all([
+      serverSupabaseSession(event).catch(() => null),
+      serverSupabaseUser(event).catch(() => null),
+    ])
+
     useSupabaseSession().value = session
     useSupabaseUser().value = user
 

src/runtime/server/services/serverSupabaseSession.ts

@@ -3,13 +3,15 @@ import type { H3Event } from 'h3'
 import { createError } from 'h3'
 import { serverSupabaseClient } from '../services/serverSupabaseClient'
 
-export const serverSupabaseSession = async (event: H3Event): Promise<Session | null> => {
+export const serverSupabaseSession = async (event: H3Event): Promise<Omit<Session, 'user'> | null> => {
   const client = await serverSupabaseClient(event)
 
   const { data: { session }, error } = await client.auth.getSession()
   if (error) {
     throw createError({ statusMessage: error?.message })
   }
 
+  // @ts-expect-error we need to delete user from the session object here to suppress the warning coming from GoTrueClient
+  delete session?.user
   return session
 }