web: useParams

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

@@ -1,17 +1,12 @@
 import Webpage from "@/app/_components/webpage";
+import { useParams } from "next/navigation";
 
-interface MapParams {
+export default function Map() {
-    params: {
+    const { mapId } = useParams<{mapId: string}>()
-        mapId: string;
-    };
-}
-
-export default function Map({ params }: MapParams) {
-    const { mapId } = params;
 
     return (
         <Webpage>
             <p>map { mapId }</p>
         </Webpage>
     );
-}
+}