chore(deps-dev): update eslint to v9.17 (#1106)

eslint.config.mjs

@@ -0,0 +1,46 @@
+// @ts-check
+import tseslint from "typescript-eslint"
+import { FlatCompat } from "@eslint/eslintrc"
+import eslintPluginJsxA11y from "eslint-plugin-jsx-a11y"
+import eslintPluginReact from "eslint-plugin-react"
+
+const compat = new FlatCompat({
+  baseDirectory: import.meta.dirname,
+})
+
+export default tseslint.config(
+  tseslint.configs.recommended,
+  ...compat.config({
+    extends: ["next"],
+    rules: {
+      // react
+      "react/prop-types": "off",
+      "react/no-unescaped-entities": "off",
+      "react/jsx-curly-brace-presence": "warn",
+
+      // jsx-ally is already included in next-js so
+      // we are adding only recommended rules directly here
+      ...eslintPluginJsxA11y.flatConfigs.recommended.rules,
+      "jsx-a11y/no-onchange": "warn",
+
+      // import
+      "import/no-anonymous-default-export": "off",
+
+      // next
+      "@next/next/no-img-element": "off",
+    },
+  }),
+  // @ts-expect-error eslintPluginReact.configs.flat, but runtime is always defined
+  eslintPluginReact.configs.flat["jsx-runtime"],
+  {
+    linterOptions: {
+      reportUnusedDisableDirectives: "error",
+    },
+    rules: {
+      // typescript
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off",
+    },
+  }
+)

package.json

@@ -8,11 +8,9 @@
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
     "@next/mdx": "15.1.0",
-    "@types/node": "^20.3.1",
     "class-variance-authority": "^0.6.0",
     "clsx": "^1.2.1",
     "contentlayer": "^0.3.4",
-    "date-fns": "^2.30.0",
     "little-state-machine": "^4.8.0",
     "next": "15.1.0",
     "next-contentlayer": "^0.3.4",
@@ -34,22 +32,23 @@
   },
   "devDependencies": {
     "@next/bundle-analyzer": "15.1.0",
+    "@types/eslint-plugin-jsx-a11y": "6.10.0",
+    "@types/eslint__eslintrc": "2.1.2",
+    "@types/node": "20.17.10",
     "@types/react": "^18.3.17",
     "@types/react-dom": "^18.3.5",
     "@types/react-helmet": "^6.1.6",
-    "@typescript-eslint/eslint-plugin": "^8.18.0",
-    "@typescript-eslint/parser": "^8.18.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.57.1",
+    "eslint": "9.17.0",
     "eslint-config-next": "15.1.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.32.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-react": "7.37.2",
+    "eslint-plugin-react-hooks": "5.1.0",
     "husky": "^8.0.3",
     "lint-staged": "^13.2.2",
     "prettier": "^3.4.2",
-    "typescript": "^5.6.3"
+    "typescript": "^5.6.3",
+    "typescript-eslint": "8.18.1"
   },
   "keywords": [
     "react-hook-form",