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

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
 }