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

[liamtran96]

Provider type

Credentials

Environment

System:
OS: macOS 13.3.1
CPU: (4) x64 Intel(R) Core(TM) i5-7267U CPU @ 3.10GHz
Memory: 261.21 MB / 8.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 16.15.0 - /usr/local/bin/node
Yarn: 1.22.19 - ~/.yarn/bin/yarn
npm: 9.6.2 - /usr/local/bin/npm
Browsers:
Chrome: 114.0.5735.90
Firefox: 112.0.2
Safari: 16.4

Reproduction URL

local development

Describe the issue

I am using next 13.4.0 app dir with nextauth 4.22.1 for my authentication but I got the error [next-auth]: useSession must be wrapped in a pages folder move to inside src folder on my console

There was some suggestions here #3061 it works permanently, the error still there when i start my project when i use: yarn dev

How to reproduce

So this is my config with next auth Credentials

Provider

authOptions

I think there are something wrong with the layout.tsx file

I use the useSession in my login page

Expected behavior

How can I fix the error, many thanks!!

[imyuanli]

I also encountered the same problem, my nextjs version is 13.4.4

[liamtran96]

#4696

You can solve the problem by change import const to export default function. Have a nice day.

[sogeking7]

Didn't work me

[messiisgreat]

I also met that kind of error

Error: [next-auth]: useSession must be wrapped in a

[mateodevcode]

Como lo resolviste?

[messiisgreat]

I tryed sessionProvider

"use client";
import React from "react";
import { SessionProvider } from "next-auth/react";

const AuthProvider = ({ children }) => {
  return <SessionProvider>{children}</SessionProvider>;
};

export default AuthProvider;

[rrdukeakd]

Create a new file "SessionWrapper"
Paste the code below

"use client";

import { SessionProvider } from "next-auth/react";

const SessionWrapper = ({ children }) => {
  return <SessionProvider>{children}</SessionProvider>;
};

export default SessionWrapper;

import it in layout.js file and wrap the body with it.