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

`

    <main className='app'>
      <Nav />
      {children}
    </main>
  </Provider>
</body>`

`"use client";

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

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

{children}

)

export default Provider;`