diff --git a/src/components/Map/Map.tsx b/src/components/Map/Map.tsx
index 796133c0..dc0bf769 100644
--- a/src/components/Map/Map.tsx
+++ b/src/components/Map/Map.tsx
@@ -1,6 +1,7 @@
 import { useRef, useEffect } from "react";
 import styled from "styled-components";
-import mapboxgl from "mapbox-gl";
+// eslint-disable-next-line import/no-webpack-loader-syntax
+import mapboxgl from "!mapbox-gl";
 import MapProps from "./Map.types";
 import "mapbox-gl/dist/mapbox-gl.css";
 
diff --git a/src/modules/mapbox.d.ts b/src/modules/mapbox.d.ts
new file mode 100644
index 00000000..50b4a2c7
--- /dev/null
+++ b/src/modules/mapbox.d.ts
@@ -0,0 +1,6 @@
+// mapbox.d.ts module definition (put this somewhere in your `src` folder).
+declare module '!mapbox-gl' {
+    export {
+        default
+    } from 'mapbox-gl';
+}
\ No newline at end of file