From df5305eb7c51870b905a185bdcd11c16e481407c Mon Sep 17 00:00:00 2001
From: Vineeth Voruganti <13438633+VVoruganti@users.noreply.github.com>
Date: Wed, 21 Dec 2022 18:07:05 -0800
Subject: [PATCH] Add missing import to component

On line 138 the component is using a `useState` function call which is a react hook, however no react hook is imported causing an error.
---
 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 df4d8171a4d..0a174410282 100644
--- a/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx
+++ b/apps/docs/pages/guides/getting-started/tutorials/with-nextjs.mdx
@@ -125,6 +125,7 @@ export default MyApp
 Wrap your `pages/_app.tsx` component with the `SessionContextProvider` component:
 
 ```jsx lines=2,8 title=pages/_app.tsx
+import { useState } from 'react'
 import { createBrowserSupabaseClient } from '@supabase/auth-helpers-nextjs'
 import { SessionContextProvider, Session } from '@supabase/auth-helpers-react'