Update next and other deps

components/lists.tsx

@@ -81,7 +81,6 @@ export function mapChild(
     if (!obj.children) {
         let cb;
         if (obj.type && typeMap) {
-            console.error(typeMap[obj.type])
             cb = typeMap[obj.type]
         }
 

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,8 +4,6 @@ module.exports = {
         defaultLocale: 'en-US'
     },
     webpack: (config, _options) => {
-        config.experiments = { asset: true };
-
         const { cache } = require('./util/slug');
 
         config.plugins.push(

package.json

@@ -6,24 +6,25 @@
   "lint": "next lint"
  },
  "dependencies": {
-  "@types/react": "^17.0.37",
-  "dotenv": "^10.0.0",
+  "dotenv": "^16.0.2",
   "gray-matter": "^4.0.3",
   "js-yaml-loader": "^1.2.2",
-  "next": "^11.1.4",
+  "next": "^12.3.1",
   "normalize.css": "^8.0.1",
-  "react": "^17.0.2",
-  "react-dom": "^17.0.2",
-  "react-markdown": "^7.1.2",
+  "react": "^18.2.0",
+  "react-dom": "^18.2.0",
+  "react-markdown": "^8.0.3",
   "react-syntax-highlighter": "^15.5.0",
   "remark-gfm": "^3.0.1"
  },
  "devDependencies": {
-  "@svgr/webpack": "^5.5.0",
-  "@types/react-dom": "^17.0.11",
-  "@types/react-syntax-highlighter": "^13.5.2",
-  "eslint": "^7.32.0",
-  "eslint-config-next": "^11.1.4",
-  "typescript": "^4.5.5"
+  "@svgr/webpack": "^6.3.1",
+  "@types/node": "^18.7.23",
+  "@types/react": "^18.0.21",
+  "@types/react-dom": "^18.0.6",
+  "@types/react-syntax-highlighter": "^15.5.5",
+  "eslint": "^8.24.0",
+  "eslint-config-next": "^12.3.1",
+  "typescript": "^4.8.4"
  }
 }

pages/notes/[page].tsx

@@ -19,12 +19,13 @@ function Note({ note }: any) {
                                     <SyntaxHighlighter
                                         showLineNumbers={true}
                                         language={match[1]}
+                                        //@ts-ignore
                                         style={monokaiSublime}
                                         PreTag='div'
                                         codeTagProps={{ style: { display: 'block' } }}
                                         customStyle={{ padding: '0', borderRadius: '1rem' }}
                                         {...props}
-                                    >{children}</SyntaxHighlighter>
+                                    >{String(children).replace(/\n$/, '')}</SyntaxHighlighter>
                                 )
                                 : <code className={className} {...props}>
                                     {children}

tsconfig.json

@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es6",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -13,8 +17,16 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "importHelpers": true
+    "importHelpers": true,
+    "incremental": true
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "util/slug.js"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "util/slug.js"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }