diff --git a/web/src/app/maps/[mapId]/page.tsx b/web/src/app/maps/[mapId]/page.tsx
index 36cbdbd..f2152ea 100644
--- a/web/src/app/maps/[mapId]/page.tsx
+++ b/web/src/app/maps/[mapId]/page.tsx
@@ -1,17 +1,12 @@
 import Webpage from "@/app/_components/webpage";
+import { useParams } from "next/navigation";
 
-interface MapParams {
-    params: {
-        mapId: string;
-    };
-}
-
-export default function Map({ params }: MapParams) {
-    const { mapId } = params;
+export default function Map() {
+    const { mapId } = useParams<{mapId: string}>()
 
     return (
         <Webpage>
             <p>map { mapId }</p>
         </Webpage>
     );
-}
\ No newline at end of file
+}