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 />