update dependencies

src/pages/Map/index.tsx

@@ -17,7 +17,7 @@ import {
   Popup,
   ScaleControl,
   useMap,
-} from "react-map-gl";
+} from "react-map-gl/maplibre";
 import MapGl from "react-map-gl/maplibre";
 
 type NodePosition = {
@@ -40,8 +40,9 @@ const MapPage = (): JSX.Element => {
 
   const darkMode = currentTheme === "dark";
 
-  const [selectedNode, setSelectedNode] =
-    useState<Protobuf.Mesh.NodeInfo | null>(null);
+  const [selectedNode, setSelectedNode] = useState<
+    Protobuf.Mesh.NodeInfo | null
+  >(null);
 
   // Filter out nodes without a valid position
   const validNodes = useMemo(
@@ -185,16 +186,18 @@ const MapPage = (): JSX.Element => {
             </Marker>
           ))}
           {markers}
-          {selectedNode ? (
-            <Popup
-              anchor="top"
-              longitude={convertToLatLng(selectedNode.position).longitude}
-              latitude={convertToLatLng(selectedNode.position).latitude}
-              onClose={() => setSelectedNode(null)}
-            >
-              <NodeDetail node={selectedNode} />
-            </Popup>
-          ) : null}
+          {selectedNode
+            ? (
+              <Popup
+                anchor="top"
+                longitude={convertToLatLng(selectedNode.position).longitude}
+                latitude={convertToLatLng(selectedNode.position).latitude}
+                onClose={() => setSelectedNode(null)}
+              >
+                <NodeDetail node={selectedNode} />
+              </Popup>
+            )
+            : null}
         </MapGl>
       </PageLayout>
     </>