update eslint config

.eslintrc.cjs

@@ -12,10 +12,9 @@ module.exports = {
   ],
   plugins: ["@typescript-eslint", "prettier"],
   rules: {
-    "react/no-unescaped-entities": "off",
     "@typescript-eslint/ban-ts-comment": "off",
     "@typescript-eslint/no-explicit-any": "warn",
-    "@typescript-eslint/no-var-requires": "off",
+    "react/no-unescaped-entities": "off",
     "prettier/prettier": [
       "error",
       {
@@ -26,23 +25,4 @@ module.exports = {
       },
     ],
   },
-  overrides: [
-    {
-      files: ["*.md", "*.mdx"],
-      extends: ["plugin:mdx/recommended"],
-      rules: {
-        "react/jsx-no-undef": "off",
-        "prettier/prettier": [
-          "error",
-          {
-            // normal .prettierrc config:
-            singleQuote: false,
-            tabWidth: 2,
-            printWidth: 120,
-          },
-        ],
-      },
-    },
-  ],
-  ignorePatterns: ["README.md"],
 };

.vscode/extensions.json

@@ -2,7 +2,6 @@
   "recommendations": [
     "dbaeumer.vscode-eslint",
     "editorconfig.editorconfig",
-    "esbenp.prettier-vscode",
     "silvenon.mdx",
     "wix.vscode-import-cost"
   ]

.vscode/settings.json

@@ -1,17 +1,18 @@
 {
-  "editor.tabSize": 2,
   "editor.insertSpaces": true,
-  "editor.rulers": [120],
+  "editor.rulers": [
+    120
+  ],
+  "editor.tabSize": 2,
+  "eslint.packageManager": "yarn",
   "files.eol": "\n",
   "files.insertFinalNewline": true,
   "files.trimTrailingWhitespace": true,
+  "npm.packageManager": "yarn",
   "search.exclude": {
     "**/.next": true,
     "**/node_modules": true
   },
-  "prettier.requireConfig": true,
+  "typescript.preferences.importModuleSpecifierEnding": "minimal",
-  "prettier.configPath": ".prettierrc.json",
-  "npm.packageManager": "yarn",
-  "eslint.packageManager": "yarn",
   "typescript.tsdk": "node_modules/typescript/lib"
 }

next.config.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 const path = require("path");
 const { PHASE_DEVELOPMENT_SERVER } = require("next/constants");
 const withPlugins = require("next-compose-plugins");

package.json

@@ -21,7 +21,7 @@
     "@fontsource/comic-neue": "4.5.8",
     "@fontsource/inter": "4.5.11",
     "@fontsource/roboto-mono": "4.5.7",
-    "@giscus/react": "^2.0.5",
+    "@giscus/react": "^2.0.6",
     "@hcaptcha/react-hcaptcha": "^1.3.1",
     "@novnc/novnc": "github:novnc/novnc#cdfb33665195eb9a73fb00feb6ebaccd1068cd50",
     "@octokit/graphql": "^4.8.0",
@@ -42,7 +42,7 @@
     "gray-matter": "^4.0.3",
     "hex-to-rgba": "^2.0.1",
     "marked": "^4.0.17",
-    "next": "12.1.7-canary.40",
+    "next": "12.1.7-canary.41",
     "next-compose-plugins": "^2.2.1",
     "next-mdx-remote": "^4.0.3",
     "next-seo": "^5.4.0",
@@ -75,7 +75,7 @@
   },
   "devDependencies": {
     "@jakejarvis/eslint-config": "*",
-    "@next/bundle-analyzer": "12.1.7-canary.40",
+    "@next/bundle-analyzer": "12.1.7-canary.41",
     "@svgr/webpack": "^6.2.1",
     "@types/comma-number": "^2.1.0",
     "@types/marked": "^4.0.3",
@@ -90,15 +90,14 @@
     "@typescript-eslint/eslint-plugin": "^5.28.0",
     "@typescript-eslint/parser": "^5.28.0",
     "cross-env": "^7.0.3",
-    "eslint": "~8.17.0",
+    "eslint": "~8.18.0",
-    "eslint-config-next": "12.1.7-canary.40",
+    "eslint-config-next": "12.1.7-canary.41",
     "eslint-config-prettier": "~8.5.0",
-    "eslint-plugin-mdx": "~1.17.0",
     "eslint-plugin-prettier": "~4.0.0",
     "lint-staged": "^13.0.2",
     "prettier": "^2.7.1",
     "simple-git-hooks": "^2.8.0",
-    "typescript": "^4.7.3",
+    "typescript": "^4.7.4",
     "uglify-js": "^3.16.1"
   },
   "engines": {

pages/notes/[slug].tsx

@@ -1,6 +1,6 @@
 import { InView } from "react-intersection-observer";
 import { NextSeo, ArticleJsonLd } from "next-seo";
-import { MDXRemote } from "next-mdx-remote";
+import { MDXRemote, MDXRemoteProps } from "next-mdx-remote";
 import Content from "../../components/Content";
 import NoteMeta from "../../components/NoteMeta";
 import Comments from "../../components/Comments";
@@ -53,11 +53,7 @@ const Note = ({ frontMatter, source }: NoteWithSource) => {
       <NoteMeta {...frontMatter} />
 
       <Content>
-        <MDXRemote
+        <MDXRemote {...source} components={{ ...(mdxComponents as MDXRemoteProps["components"]) }} />
-          {...source}
-          // @ts-ignore
-          components={{ ...mdxComponents }}
-        />
       </Content>
 
       {!frontMatter.noComments && (