web/src/app/maps/[mapId]/page.tsx

@@ -2,16 +2,16 @@ import Webpage from "@/app/_components/webpage";
 
 interface MapParams {
     params: {
-        mapid: string;
+        mapId: string;
     };
 }
 
 export default function Map({ params }: MapParams) {
-    const { mapid } = params;
+    const { mapId } = params;
 
     return (
         <Webpage>
-            <p>map { mapid }</p>
+            <p>map { mapId }</p>
         </Webpage>
     );
 }

web/src/app/maps/page.tsx

@@ -1,12 +1,16 @@
 import Webpage from "@/app/_components/webpage";
 
 export default async function MapsPage() {
-    const ingameMaps = fetch("/api/maps?Page=1&Limit=10");
-
     try {
-        console.log(ingameMaps);
+        const response = await fetch("/api/maps?Page=1&Limit=10");
+        const json = await response.json();
+        console.log(json);
     } catch(error) {
-        console.log(error);
+        return (
+            <Webpage>
+                <h1>No Maps!</h1>
+            </Webpage>
+        )
     }
     
     return (