fix: build errs

Author: prokopsimek

src/app/topics/[id]/page.tsx

@@ -3,17 +3,20 @@ import DifficultyPage from './DifficultyPage';
 import type { Metadata } from 'next';
 
 type Props = {
-  params: { id: TopicId }
+  params: Promise<{ id: TopicId }>
 };
 
+export const dynamic = 'force-static';
+
 export function generateStaticParams() {
   return Object.keys(topics).map((id) => ({
     id,
   }));
 }
 
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
-  const topic = topics[params.id];
+  const { id } = await params;
+  const topic = topics[id];
 
   if (!topic) {
     return {
@@ -28,7 +31,8 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
   };
 }
 
-export default function Topic({ params }: Props) {
-  const topic = topics[params.id];
-  return <DifficultyPage id={params.id} title={topic.title} description={topic.description} />;
+export default async function Topic({ params }: Props) {
+  const { id } = await params;
+  const topic = topics[id];
+  return <DifficultyPage id={id} title={topic.title} description={topic.description} />;
 } 

src/app/topics/[id]/questions/[difficulty]/page.tsx

@@ -15,13 +15,14 @@ export function generateStaticParams() {
 }
 
 type Props = {
-  params: { id: TopicId; difficulty: string }
+  params: Promise<{ id: TopicId; difficulty: string }>
 };
 
 export async function generateMetadata({ params }: Props): Promise<Metadata> {
-    const topic = topics[params.id];
-    const difficultyName = params.difficulty === 'easy' ? 'Surface Level' : 
-                          params.difficulty === 'medium' ? 'Medium Depth' : 
+    const { id, difficulty } = await params;
+    const topic = topics[id];
+    const difficultyName = difficulty === 'easy' ? 'Surface Level' : 
+                          difficulty === 'medium' ? 'Medium Depth' : 
                           'Deep Questions';
 
     if (!topic) {
@@ -37,7 +38,7 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
     };
   }
 
-export default async function Questions({ params }: { params: Promise<{ id: string; difficulty: string }> }) {
+export default async function Questions({ params }: Props) {
   const { id, difficulty } = await params;
   const topic = topics[id as TopicId];