From 90d6ef4841736778ab217a15f5b7bfc2d75ead36 Mon Sep 17 00:00:00 2001
From: Hyungji <84058944+hyungjikim@users.noreply.github.com>
Date: Tue, 26 Nov 2024 08:49:13 +0900
Subject: [PATCH] (example) using `await` params when dynamic routing (#72896)

### Adding or Updating Examples

Hi, Team.
Updating example to await params as it is now used asynchronously.

Co-authored-by: JJ Kasper <jj@jjsweb.site>
---
 examples/dynamic-routing/app/post/[id]/[comment]/page.tsx | 7 ++++---
 examples/dynamic-routing/app/post/[id]/page.tsx           | 7 ++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/examples/dynamic-routing/app/post/[id]/[comment]/page.tsx b/examples/dynamic-routing/app/post/[id]/[comment]/page.tsx
index d2f812afdf8a8..90244baf55bf6 100644
--- a/examples/dynamic-routing/app/post/[id]/[comment]/page.tsx
+++ b/examples/dynamic-routing/app/post/[id]/[comment]/page.tsx
@@ -1,13 +1,14 @@
 import Header from "../../../_components/header";
 
 type Props = {
-  params: {
+  params: Promise<{
     id: string;
     comment: string;
-  };
+  }>;
 };
 
-export default function CommentPage({ params }: Props) {
+export default async function CommentPage(props: Props) {
+  const params = await props.params;
   return (
     <>
       <Header />
diff --git a/examples/dynamic-routing/app/post/[id]/page.tsx b/examples/dynamic-routing/app/post/[id]/page.tsx
index 78bc03ba056e6..b94f882bf0aa5 100644
--- a/examples/dynamic-routing/app/post/[id]/page.tsx
+++ b/examples/dynamic-routing/app/post/[id]/page.tsx
@@ -2,12 +2,13 @@ import Link from "next/link";
 import Header from "../../_components/header";
 
 type Props = {
-  params: {
+  params: Promise<{
     id: string;
-  };
+  }>;
 };
 
-export default function PostPage({ params }: Props) {
+export default async function PostPage(props: Props) {
+  const params = await props.params;
   return (
     <>
       <Header />