From 4692972e0617387ed18c819a4d652c32c4a087b4 Mon Sep 17 00:00:00 2001
From: AndreJones216 <33302709+AndreJones216@users.noreply.github.com>
Date: Thu, 29 Dec 2022 11:14:03 -0500
Subject: [PATCH 1/2] Update with-nextjs.mdx

Missing import { useState } from 'react' when initially adding the SessionContextProvider component.
---
 apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx b/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx
index 0a174410282..7f40fb0859e 100644
--- a/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx
+++ b/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx
@@ -103,6 +103,7 @@ npm install @supabase/auth-helpers-react @supabase/auth-helpers-nextjs
 Wrap your `pages/_app.js` component with the `SessionContextProvider` component:
 
 ```jsx title=pages/_app.js
+import { useState } from 'react'
 import '../styles/globals.css'
 import { createBrowserSupabaseClient } from '@supabase/auth-helpers-nextjs'
 import { SessionContextProvider } from '@supabase/auth-helpers-react'

From 0168ab6cbdc2241471d069ef0c546e292d129d52 Mon Sep 17 00:00:00 2001
From: AndreJones216 <33302709+AndreJones216@users.noreply.github.com>
Date: Fri, 30 Dec 2022 12:30:00 -0500
Subject: [PATCH 2/2] Update with-nextjs.mdx

---
 .../docs/pages/guides/getting-started/tutorials/with-nextjs.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx b/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx
index 7f40fb0859e..165c7c5052a 100644
--- a/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx
+++ b/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx
@@ -103,10 +103,10 @@ npm install @supabase/auth-helpers-react @supabase/auth-helpers-nextjs
 Wrap your `pages/_app.js` component with the `SessionContextProvider` component:
 
 ```jsx title=pages/_app.js
-import { useState } from 'react'
 import '../styles/globals.css'
 import { createBrowserSupabaseClient } from '@supabase/auth-helpers-nextjs'
 import { SessionContextProvider } from '@supabase/auth-helpers-react'
+import { useState } from 'react'
 
 function MyApp({ Component, pageProps }) {
   const [supabase] = useState(() => createBrowserSupabaseClient())