docs: Don't use LayoutProps just yet

amannn · amannn · commit f128911cbf5b · 2025-08-28T11:37:15.000+02:00
diff --git a/docs/src/pages/docs/getting-started/app-router.mdx b/docs/src/pages/docs/getting-started/app-router.mdx
@@ -132,7 +132,11 @@ To make your request configuration available to Client Components, you can wrap
 ```tsx filename="app/layout.tsx" {7}
 import {NextIntlClientProvider} from 'next-intl';
 
-export default async function RootLayout({children}: LayoutProps<'/'>) {
+type Props = {
+  children: React.ReactNode;
+};
+
+export default async function RootLayout({children}: Props) {
   return (
     <html>
       <body>
diff --git a/docs/src/pages/docs/routing/setup.mdx b/docs/src/pages/docs/routing/setup.mdx
@@ -145,10 +145,12 @@ import {NextIntlClientProvider, hasLocale} from 'next-intl';
 import {notFound} from 'next/navigation';
 import {routing} from '@/i18n/routing';
 
-export default async function LocaleLayout({
-  children,
-  params
-}: LayoutProps<'/[locale]'>) {
+type Props = {
+  children: React.ReactNode;
+  params: Promise<{locale: string}>;
+};
+
+export default async function LocaleLayout({children, params}: Props) {
   // Ensure that the incoming `locale` is valid
   const {locale} = await params;
   if (!hasLocale(routing.locales, locale)) {
@@ -200,10 +202,12 @@ import {hasLocale} from 'next-intl';
 import {notFound} from 'next/navigation';
 import {routing} from '@/i18n/routing';
 
-export default async function LocaleLayout({
-  children,
-  params
-}: LayoutProps<'/[locale]'>) {
+type Props = {
+  children: React.ReactNode;
+  params: Promise<{locale: string}>;
+};
+
+export default async function LocaleLayout({children,params}: Props) {
   const {locale} = await params;
   if (!hasLocale(routing.locales, locale)) {
     notFound();
