diff --git a/docs/pages/getting-started/migrating-to-v5.mdx b/docs/pages/getting-started/migrating-to-v5.mdx
index 3b35144a51..95fb95b0eb 100644
--- a/docs/pages/getting-started/migrating-to-v5.mdx
+++ b/docs/pages/getting-started/migrating-to-v5.mdx
@@ -129,14 +129,24 @@ Imports from `next-auth/react` are now marked with the [`"use client"`](https://
 ```ts filename="components/clientComponent.tsx"
 'use client';
 
-import { useSession, SessionProvider } from 'next-auth/react';
+import { useSession } from 'next-auth/react';
 
 const ClientComponent = () => {
   const session = useSession();
 
+  return (
+    <p>Welcome {session?.user?.name}</p>
+  )
+}
+```
+
+```ts filename="app/layout.tsx"
+import { SessionProvider } from 'next-auth/react';
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <SessionProvider>
-      <p>Welcome {session?.user?.name}</p>
+      {children}
     </SessionProvider>
   )
 }