Upgrade to next 12.

Use experimental support for styled components to enable SWC, a much faster
alternative to webpack.

Author: alexjball

next-env.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

next.config.js

@@ -4,6 +4,9 @@
 const config = {
     images: {
         loader: "custom"
+    },
+    experimental: {
+        styledComponents: true
     }
 }
 

package.json

@@ -15,7 +15,7 @@
     "leaflet-search": "2.9.8",
     "leaflet.markercluster": "^1.4.1",
     "linkifyjs": "^3.0.0-beta.3",
-    "next": "11",
+    "next": "12",
     "next-on-netlify": "^2.9.0",
     "papaparse": "^5.3.0",
     "react": "^17.0.2",

tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}