Hydration errors in NextJS User Auth guide #15145
Labels
documentation
Improvements or additions to documentation
good first issue
Good for newcomers
help wanted
Extra attention is needed
Improve documentation
Link
https://supabase.com/docs/guides/getting-started/tutorials/with-nextjs
(Here's a link to the markdown file to edit for your convenience)
Describe the problem
Following the tutorial exactly results in hydration errors where
supabase/auth-helpers-nextjs
is used on the client. This may actually require an improvement in that particular library, but there is a pretty easy workaround in the meanwhile.You also get an error in your terminal if you don't run
npm install encoding
(again, might have to do with a different library that needs improvement, but it's a simple fix).Describe the improvement
Add something about running
npm install encoding
.In
app/auth-form.tsx
:And then follow the same pattern for
app/account/account-form.tsx
.Additional context
Screenshots of the issues after following the tutorial in a fresh project where I'm using the latest version of NextJS (13.4.6)
The text was updated successfully, but these errors were encountered: