upgrade packages

package.json

@@ -25,10 +25,10 @@
     "postcss-cli": "^7.1.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "react-mapbox-gl": "^4.8.6",
-    "react-scripts": "3.4.1",
+    "react-mapbox-gl": "^5.1.1",
+    "react-scripts": "^5.0.1",
     "react-transition-group": "^4.4.1",
-    "tailwindcss": "^1.4.6"
+    "tailwindcss": "^1.9.6"
   },
   "scripts": {
     "predeploy": "npm run build",
@@ -53,5 +53,11 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "jest-canvas-mock": "^2.5.2",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-normalize": "^10.0.1",
+    "postcss-preset-env": "^9.1.3"
   }
 }

postcss.config.js

@@ -1,8 +1,6 @@
 //postcss.config.js
 const tailwindcss = require('tailwindcss');
 module.exports = {
-    plugins: [
-        tailwindcss('./tailwind.js'),
-        require('autoprefixer'),
-    ],
+    tailwindcss('./tailwind.js'),
+  plugins: [require("autoprefixer")],
 };

src/App.css

@@ -1,4 +1,3 @@
-
 .App {
   overflow: hidden;
   width: 100vw;
@@ -48,3 +47,12 @@
   fill: white;
   display: inline-block;
 }
+
+.mapboxgl-canvas {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}