Possible issue in the migration-to-v5 guide

[kossidts]

What is the improvement or update you wish to see?

Hello, maybe I am missing something but shouldn't a (context) provider be at least one layer/level above the consumer?

Looking at migrating-to-v5 the section (Step 4 Details -> Client component (App)) does not look right.

 'use client';
 
 import { useSession, SessionProvider } from 'next-auth/react';
 
 const ClientComponent = () => {
   const session = useSession();
 
   return (
     <SessionProvider>
       <p>Welcome {session?.user?.name}</p>
     </SessionProvider>
   )
 }

Is there any context that might help us understand?

I think it should be something like the following instead.

import { SessionProvider } from 'next-auth/react';
import { ClientComponent } from '@/components';
 
 const ParentComponent = () => {
 
   return (
     <SessionProvider>
       <ClientComponent />
     </SessionProvider>
   )
 }

'use client';
 
 import { useSession } from 'next-auth/react';
 
 const ClientComponent = () => {
   const session = useSession();
 
   return (
       <p>Welcome {session?.user?.name}</p>
   )
 }```

### Does the docs page already exist? Please link to it.

https://authjs.dev/getting-started/migrating-to-v5