Fix: Mapbox Transpilation v2 Issue (Webpack)

- Avoid improper transpilation by babel.
- See mapbox/mapbox-gl-js#10565

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";
 

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';
+}