fix cd

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

@@ -2,8 +2,7 @@
 
 import Link from 'next/link';
 import Navigation from '../../components/Navigation';
-import { difficulties, topics } from '../../constants/topics';
-import type { TopicId } from '../../constants/topics';
+import { difficulties } from '../../constants/topics';
 
 const difficultyColors = {
   beginner: 'bg-electric-violet', // Pink for Surface Level

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

@@ -9,8 +9,9 @@ export function generateStaticParams() {
   }));
 }
 
-export default function Difficulty(props: { params: { id: string } }) {
-  const topic = topics[props.params.id as TopicId];
-
-  return <DifficultyPage id={props.params.id} title={topic.title} description={topic.description} />;
+export default async function Difficulty({ params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  const topic = topics[id as TopicId];
+
+  return <DifficultyPage id={id} title={topic.title} description={topic.description} />;
 } 

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

@@ -13,13 +13,13 @@ export function generateStaticParams() {
   );
 }
 
-export default function Questions(props: { params: { id: string; difficulty: string } }) {
-  const topic = topics[props.params.id as TopicId];
-  const difficulty = props.params.difficulty as Difficulty;
+export default async function Questions({ params }: { params: Promise<{ id: string; difficulty: string }> }) {
+  const { id, difficulty } = await params;
+  const topic = topics[id as TopicId];
 
-  if (!topic || !difficultyNames[difficulty]) {
+  if (!topic || !difficultyNames[difficulty as Difficulty]) {
     return null;
   }
 
-  return <QuestionsPage id={props.params.id} difficulty={difficulty} questions={topic.questions[difficulty]} />;
+  return <QuestionsPage id={id} difficulty={difficulty as Difficulty} questions={topic.questions[difficulty as Difficulty]} />;
 }