[docs] Fix broken link to Next.js docs

oliviertassinari · oliviertassinari · commit 0803716468b7 · 2024-08-19T00:01:31.000+02:00
diff --git a/docs/data/joy/customization/dark-mode/dark-mode.md b/docs/data/joy/customization/dark-mode/dark-mode.md
@@ -115,21 +115,21 @@ export default class MyDocument extends Document {
 
 ### Next.js App Router
 
-To use the Joy UI API with a Next.js project with the App Router, add the following code to the [`app/layout.js`](https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts#layouts) file in order to prevent flickering:
+To use the Joy UI API with a Next.js project with the App Router, add the following code to the [root layout](https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates#root-layout-required) file in order to prevent flickering:
 
-```jsx title="layout.js"
+```jsx title="app/layout.js"
 import InitColorSchemeScript from '@mui/joy/InitColorSchemeScript';
 import { CssVarsProvider } from '@mui/joy/styles';
 import CssBaseline from '@mui/joy/CssBaseline';
 
-export default function RootLayout({ children }) {
+export default function RootLayout(props) {
   return (
     <html lang="en" suppressHydrationWarning={true}>
       <body>
         <InitColorSchemeScript />
         <CssVarsProvider>
           <CssBaseline />
-          {children}
+          {props.children}
         </CssVarsProvider>
       </body>
     </html>
diff --git a/docs/data/material/customization/css-theme-variables/configuration.md b/docs/data/material/customization/css-theme-variables/configuration.md
@@ -197,18 +197,18 @@ The `attribute` has to be the same as the one you set in the `colorSchemeSelecto
 
 ### Next.js App Router
 
-Add the following code to the [root layout](https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts#root-layout-required) file:
+Add the following code to the [root layout](https://nextjs.org/docs/app/building-your-application/routing/layouts-and-templates#root-layout-required) file:
 
 ```jsx title="app/layout.js"
 import InitColorSchemeScript from '@mui/material/InitColorSchemeScript';
 
-export default function RootLayout({ children }) {
+export default function RootLayout(props) {
   return (
     <html lang="en">
       <body>
         {/* must come before the <main> element */}
         <InitColorSchemeScript attribute=".mode-%s" />
-        <main>{children}</main>
+        <main>{props.children}</main>
       </body>
     </html>
   );
