fix: prod builds (#2351)

package.json

@@ -35,7 +35,7 @@
     "test:watch": "jest --watch --verbose --config ./jest.watch.config.js",
     "test:debug": "node --inspect-brk ./node_modules/jest/bin/jest.js --runInBand",
     "build-js": "webpack -d",
-    "build-js-production": "NODE_ENV=production webpack -p --progress",
+    "build-js-production": "NODE_ENV=production webpack --mode=production --progress",
     "watch-js": "webpack -d --watch",
     "build": "rm -rf www/* && NODE_ENV=production node scripts/static-build.js && npm run build-js-production",
     "prettier": "prettier --list-different \"{src,scripts}/**/*.{js,jsx,ts,tsx,json}\"",
@@ -142,7 +142,7 @@
     "eslint-plugin-react": "~7.23.2",
     "eslint-plugin-react-hooks": "^2.3.0",
     "file-loader": "^4.2.0",
-    "fork-ts-checker-webpack-plugin": "^4.1.3",
+    "fork-ts-checker-webpack-plugin": "^8.0.0",
     "fs-extra": "^9.0.1",
     "jest": "^29.7.0",
     "jest-runner-prettier": "^0.3.6",

src/base/static/components/molecules/map-controls.tsx

@@ -75,17 +75,14 @@ const MapControls: React.FunctionComponent<MapControlProps> = props => {
         showCompass={true}
         showZoom={true}
         onViewportChange={setViewport}
-        position="top-left"
         style={{ position: "relative" }}
       />
       <GeolocateControl
         trackUserLocation={true}
         positionOptions={{ enableHighAccuracy: true, timeout: 6000 }}
-        position="top-left"
         style={{ position: "relative", marginTop: "8px" }}
       />
       <FullscreenControl
-        position="top-left"
         style={{ position: "relative", marginTop: "8px" }}
       />
       <div className="mapboxgl-ctrl-group" style={{ marginTop: "8px" }}>