update all the things

next-env.d.ts

@@ -1,2 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package.json

@@ -8,18 +8,18 @@
     "start": "next start"
   },
   "dependencies": {
-    "luxon": "^1.25.0",
+    "luxon": "^2.1.1",
-    "next": "10.0.3",
+    "next": "^12.0.4",
     "postcss-flexbugs-fixes": "^5.0.2",
-    "postcss-nested": "^5.0.1",
+    "postcss-nested": "^5.0.6",
-    "postcss-preset-env": "^6.7.0",
+    "postcss-preset-env": "^7.0.1",
-    "react": "17.0.1",
+    "react": "^17.0.2",
-    "react-dom": "17.0.1",
+    "react-dom": "^17.0.2",
     "youtube-player": "^5.5.2"
   },
   "devDependencies": {
-    "@types/node": "^14.14.10",
+    "@types/node": "^14.17.34",
-    "@types/react": "^17.0.0",
+    "@types/react": "^17.0.37",
-    "typescript": "^4.1.2"
+    "typescript": "^4.5.2"
   }
 }

tsconfig.json

@@ -16,7 +16,8 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "incremental": true
   },
   "include": [
     "next-env.d.ts",