diff --git a/src/pages/[roadmapId]/courses.astro b/src/pages/[roadmapId]/courses.astro
index 028279fdd..b72d68cae 100644
--- a/src/pages/[roadmapId]/courses.astro
+++ b/src/pages/[roadmapId]/courses.astro
@@ -52,10 +52,7 @@ const nounTitle =
 const seoDescription = `Seeking ${nounTitle.toLowerCase()} courses to enhance your skills? Explore our top free and paid courses to help you become a ${nounTitle} expert!`;
 
 const projects = await getProjectsByRoadmapId(roadmapId);
-const courses = roadmapData.courses || [];
-const question = roadmapData?.questions?.find(
-  (question) => question.type === 'main',
-);
+const courses = roadmapData?.courses || [];
 ---
 
 <BaseLayout
diff --git a/src/queries/official-roadmap.ts b/src/queries/official-roadmap.ts
index 867ba3d94..15dc8f2f0 100644
--- a/src/queries/official-roadmap.ts
+++ b/src/queries/official-roadmap.ts
@@ -72,24 +72,33 @@ export interface OfficialRoadmapDocument {
 
   questions?: OfficialRoadmapQuestion[];
   relatedRoadmaps?: string[];
-  courses?: OfficialRoadmapCourse[];
+  courses?: string[];
 
   createdAt: Date;
   updatedAt: Date;
 }
 
+export type OfficialRoadmapWithCourses = Omit<
+  OfficialRoadmapDocument,
+  'courses'
+> & {
+  courses: OfficialRoadmapCourse[];
+};
+
 export function officialRoadmapOptions(slug: string) {
   return queryOptions({
     queryKey: ['official-roadmap', slug],
     queryFn: () => {
-      return httpGet<OfficialRoadmapDocument>(`/v1-official-roadmap/${slug}`);
+      return httpGet<OfficialRoadmapWithCourses>(
+        `/v1-official-roadmap/${slug}`,
+      );
     },
   });
 }
 
 export async function officialRoadmapDetails(roadmapSlug: string) {
   try {
-    const roadmap = await httpGet<OfficialRoadmapDocument>(
+    const roadmap = await httpGet<OfficialRoadmapWithCourses>(
       `/v1-official-roadmap/${roadmapSlug}`,
     );