From 6dd0a13f68ce281bbca40cd26ac7854784498e0c Mon Sep 17 00:00:00 2001 From: River <6375745+RiverPhillips@users.noreply.github.com> Date: Sun, 26 Mar 2023 09:02:24 +0000 Subject: [PATCH 1/2] docs: Update docs so that session is return on `useSupabase` This aligns the docs with the nextjs 13 example --- .../auth-helpers/nextjs-server-components.mdx | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/apps/docs/pages/guides/auth/auth-helpers/nextjs-server-components.mdx b/apps/docs/pages/guides/auth/auth-helpers/nextjs-server-components.mdx index 21ec7369f1f..7831663f5b6 100644 --- a/apps/docs/pages/guides/auth/auth-helpers/nextjs-server-components.mdx +++ b/apps/docs/pages/guides/auth/auth-helpers/nextjs-server-components.mdx @@ -246,12 +246,12 @@ Next, we need to create a single instance of Supabase to use client-side. Let's ```jsx title=components/supabase-provider.jsx 'use client' -import { createContext, useContext, useState } from 'react' +import { createS, useContext, useState } from 'react' import { createClient } from '../utils/supabase-browser' const Context = createContext() -export default function SupabaseProvider({ children }) { +export default function SupabaseProvider({ children, session }) { const [supabase] = useState(() => createClient()) useEffect(() => { @@ -265,7 +265,7 @@ export default function SupabaseProvider({ children }) { }, [accessToken]) return ( - + <>{children} ) @@ -289,17 +289,20 @@ import { createClient } from '../utils/supabase-browser' import type { SupabaseClient } from '@supabase/auth-helpers-nextjs' import type { Database } from '../lib/database.types' +type MaybeSession = Session | null + type SupabaseContext = { supabase: SupabaseClient + session: MaybeSession } const Context = createContext(undefined) -export default function SupabaseProvider({ children }: { children: React.ReactNode }) { +export default function SupabaseProvider({ children, session }: { children: React.ReactNode, session: MaybeSession }) { const [supabase] = useState(() => createClient()) return ( - + <>{children} ) @@ -364,7 +367,7 @@ export default async function RootLayout({ children }) { */} - + {children} @@ -404,7 +407,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo */} - + {children} From e17acce44a089f7d469780d608786dc0e3c51d0a Mon Sep 17 00:00:00 2001 From: River <6375745+RiverPhillips@users.noreply.github.com> Date: Sun, 26 Mar 2023 09:06:00 +0000 Subject: [PATCH 2/2] fix typo --- .../pages/guides/auth/auth-helpers/nextjs-server-components.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/docs/pages/guides/auth/auth-helpers/nextjs-server-components.mdx b/apps/docs/pages/guides/auth/auth-helpers/nextjs-server-components.mdx index 7831663f5b6..021b476761c 100644 --- a/apps/docs/pages/guides/auth/auth-helpers/nextjs-server-components.mdx +++ b/apps/docs/pages/guides/auth/auth-helpers/nextjs-server-components.mdx @@ -246,7 +246,7 @@ Next, we need to create a single instance of Supabase to use client-side. Let's ```jsx title=components/supabase-provider.jsx 'use client' -import { createS, useContext, useState } from 'react' +import { createContext, useContext, useState } from 'react' import { createClient } from '../utils/supabase-browser' const Context = createContext()