`useSession` must be wrapped in a <SessionProvider />

[Prasanna-cpu]

I am getting this error, I would love for you to clarify

[Camden-Croy]

In layout.js you need to wrap everything in the body with which is the element that just wraps all children in

`

{children}

</body>`

`"use client";

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

const Provider = ({ children, session }) => (

{children}

)

export default Provider;`