Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[next-auth]: `useSession` must be wrapped in a <SessionProvider /> pages folder move to inside src folder-

See original GitHub issue

Description 🐜

Moving pages folder to src. Getting error [next-auth]: useSession must be wrapped in a <SessionProvider />. Working fine when pages folder on root dir.

Is this a bug in your own project?

How to reproduce ☕️

Move pages folder to inside src folder mkdir src move pages to src dir

Screenshots / Logs 📽

PFA - Error Screenshot 2021-10-29 at 1 41 07 PM

Environment 🖥

System: OS: macOS 11.3.1 CPU: (8) arm64 Apple M1 Memory: 128.27 MB / 16.00 GB Shell: 5.8 - /bin/zsh Binaries: Node: 16.8.0 - /opt/homebrew/bin/node Yarn: 1.22.11 - /opt/homebrew/bin/yarn npm: 7.21.0 - /opt/homebrew/bin/npm Browsers: Chrome: 95.0.4638.54 Edge: 92.0.902.67 Safari: 14.1 npmPackages: next: 12.0.1 => 12.0.1 next-auth: ^4.0.0-beta.5 => 4.0.0-beta.5 react: 17.0.2 => 17.0.2

Contributing 🙌🏽

No, I am afraid I cannot help regarding this

Issue Analytics

State:
Created 2 years ago
Comments:8 (4 by maintainers)

Top GitHub Comments

24reactions

gabrielmlinassicommented, Feb 18, 2022

In my case, the problem was related to cache. I deleted the .next folder and worked.

4reactions

balazsorban44commented, Oct 30, 2021

Then that’s the issue. Your SessionProvider has to come before LayoutWrapper.

Top Results From Across the Web

javascript - [next-auth]: `useSession` must be wrapped in a ...

This is my code with the next-auth and this throwing this error "[next-auth]: useSession must be wrapped in a SessionProvider".

usesession must be wrapped in a sessionprovider - YouTube

usesession must be wrapped in a sessionprovider | next auth error in nextjs app. Watch later. Share. Copy link.

Upgrade Guide (v4) - NextAuth.js

Version 4 makes using the SessionProvider mandatory. This means that you will have to wrap any part of your application using useSession in ......

How to use NextAuth.js for client-side authentication in Next.js

Learn how to use NextAuth.js for client-side authentication in Next.js. Users can login with a GitHub, Google, or Facebook account.

next auth client fetch error | The AI Search Engine You Control

How to solve client fetch error for next-auth authentication ... Next.js! exists on the page [next-auth]: `useSession` must be wrapped in a <SessionProvider...