Update Page component to handle async params in TypeScript

CodeForAfrica · Jan 9, 2025 · 2a2c780 · 2a2c780
1 parent b492483
commit 2a2c780
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/apps/techlabblog/app/[slug]/page.tsx b/apps/techlabblog/app/[slug]/page.tsx
@@ -3,7 +3,8 @@ import { Section } from "@commons-ui/core";
 import PostHeader from "@/techlabblog/components/PostHeader";
 import { getPost } from "@/techlabblog/lib/data";
 
-export default async function Page({ params }: { params: { slug: string } }) {
+export default async function Page(props: { params: Promise<{ slug: string }> }) {
+  const params = await props.params;
   const postModule = await getPost(params.slug);
 
   if (!(postModule && postModule.frontmatter)) {