use async params

yo-iwamoto · Nov 10, 2024 · 8c09805 · 8c09805
1 parent 7e2cc1b
commit 8c09805
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
@@ -13,12 +13,13 @@ export function generateStaticParams() {
 }
 
 type Props = PropsWithChildren<{
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 }>;
 
-export async function generateMetadata({ params: { locale } }: Props) {
+export async function generateMetadata({ params }: Props) {
+  const { locale } = await params;
   const t = await getTranslations("metadata");
 
   return {
@@ -28,7 +29,8 @@ export async function generateMetadata({ params: { locale } }: Props) {
   } satisfies Metadata;
 }
 
-export default function Layout({ children, params: { locale } }: Props) {
+export default async function Layout({ children, params }: Props) {
+  const { locale } = await params;
   initializeLocale(locale);
 
   return (

diff --git a/src/app/[locale]/page.tsx b/src/app/[locale]/page.tsx
@@ -1,12 +1,13 @@
 import { initializeLocale } from "@/i18n/initialize-locale";
 
 type Props = {
-  params: {
+  params: Promise<{
     locale: string;
-  };
+  }>;
 };
 
-export default function Page({ params: { locale } }: Props) {
+export default async function Page({ params }: Props) {
+  const { locale } = await params;
   initializeLocale(locale);
 
   return (