[docs] Fix broken links to Next.js docs

docs/data/base/guides/next-js-app-router/next-js-app-router.md

@@ -195,5 +195,5 @@ export default function Page() {
 }
 ```
 
-Unfortunately, **this does not work in a Server Component** since function props are [non-serializable](https://nextjs.org/docs/getting-started/react-essentials#passing-props-from-server-to-client-components-serialization).
-Instead, the Next.js team recommend moving components like these ["to the leaves"](https://nextjs.org/docs/getting-started/react-essentials#moving-client-components-to-the-leaves) to avoid this issue and improve overall performance.
+Unfortunately, **this does not work in a Server Component** since function props are [non-serializable](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#passing-props-from-server-to-client-components-serialization).
+Instead, the Next.js team recommend moving components like these ["down the tree"](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#moving-client-components-down-the-tree) to avoid this issue and improve overall performance.

docs/data/joy/integrations/next-js-app-router/next-js-app-router.md

@@ -106,7 +106,7 @@ export default function RootLayout(props) {
 
 ## Function props
 
-Props passed from server components—for example `page.js` or other routing files—must be [serializable](https://nextjs.org/docs/getting-started/react-essentials#passing-props-from-server-to-client-components-serialization).
+Props passed from server components-for example `page.js` or other routing files-must be [serializable](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#passing-props-from-server-to-client-components-serialization).
 
 This works without any additional directives:
 
@@ -149,5 +149,5 @@ export default function Page() {
 }
 ```
 
-Instead, the Next.js team recommend moving components like these ["to the leaves"](https://nextjs.org/docs/getting-started/react-essentials#moving-client-components-to-the-leaves) to avoid this issue and improve overall performance.
+Instead, the Next.js team recommend moving components like these ["down the tree"](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#moving-client-components-down-the-tree) to avoid this issue and improve overall performance.
 :::

docs/data/material/guides/next-js-app-router/next-js-app-router.md

@@ -178,7 +178,7 @@ Currently, `prepend` does not work reliably with the App Router, but you can wor
 
 ## Function props
 
-Props passed from Server Components—for example `page.js` or other routing files—must be [serializable](https://nextjs.org/docs/getting-started/react-essentials#passing-props-from-server-to-client-components-serialization).
+Props passed from Server Components—for example `page.js` or other routing files—must be [serializable](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#passing-props-from-server-to-client-components-serialization).
 
 This works without any additional directives:
 
@@ -227,5 +227,5 @@ export default function Page() {
 }
 ```
 
-Instead, the Next.js team recommend moving components like these ["to the leaves"](https://nextjs.org/docs/getting-started/react-essentials#moving-client-components-to-the-leaves) to avoid this issue and improve overall performance.
+Instead, the Next.js team recommend moving components like these ["down the tree"](https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#moving-client-components-down-the-tree) to avoid this issue and improve overall performance.
 :::

examples/base-ui-nextjs-tailwind-ts/src/app/components.tsx

@@ -34,7 +34,7 @@ const SelectButton = React.forwardRef(function SelectButton<
 
 // the components exported from this file have function props which are non-serializable
 // therefore they are additionally wrapped with 'use client' here
-// https://nextjs.org/docs/getting-started/react-essentials#passing-props-from-server-to-client-components-serialization
+// https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#passing-props-from-server-to-client-components-serialization
 
 export function SelectOption(props: OptionProps<string>) {
   const {