diff --git a/drb-frontend/components/MapView.tsx b/drb-frontend/components/MapView.tsx
index f46a94e..8c6ac98 100644
--- a/drb-frontend/components/MapView.tsx
+++ b/drb-frontend/components/MapView.tsx
@@ -12,7 +12,7 @@ import {
 } from "react-leaflet";
 import { createLayerComponent } from "@react-leaflet/core";
 import L from "leaflet";
-import "leaflet-google-mutant";
+import "leaflet.gridlayer.googlemutant";
 import type { CallRecord, IncidentRecord, NodeRecord } from "@/lib/types";
 
 // ── Leaflet icon fix ──────────────────────────────────────────────────────────
diff --git a/drb-frontend/next.config.mjs b/drb-frontend/next.config.mjs
index e9e3808..fd65644 100644
--- a/drb-frontend/next.config.mjs
+++ b/drb-frontend/next.config.mjs
@@ -1,7 +1,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "standalone",
-  transpilePackages: ["leaflet", "react-leaflet", "leaflet-google-mutant"],
+  transpilePackages: ["leaflet", "react-leaflet", "leaflet.gridlayer.googlemutant"],
 };
 
 export default nextConfig;
diff --git a/drb-frontend/package.json b/drb-frontend/package.json
index 56b6a22..267c7d3 100644
--- a/drb-frontend/package.json
+++ b/drb-frontend/package.json
@@ -14,7 +14,7 @@
     "react-dom": "^18.3.0",
     "firebase": "^10.12.0",
     "leaflet": "^1.9.4",
-    "leaflet-google-mutant": "0.16.0",
+    "leaflet.gridlayer.googlemutant": "0.16.0",
     "react-leaflet": "^4.2.1"
   },
   "devDependencies": {