chore(deps): update dependency eslint to v9 (#415)

* chore(deps): update dependency eslint to v9

* Migrate eslint config

* Fix lint errors

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: MikuroXina <mikuroxina@gmail.com>

eslint.config.mjs

@@ -0,0 +1,29 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import pluginReact from "eslint-plugin-react";
+import tseslint from "typescript-eslint";
+
+export default [
+  {
+    files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
+  },
+  {
+    ignores: ["build/", "public/", ".cache/", "styled-system/"],
+  },
+  { languageOptions: { globals: { ...globals.browser, ...globals.node } } },
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+  {
+    settings: {
+      react: {
+        version: "detect",
+      },
+      formComponents: ["Form"],
+      linkComponents: [
+        { name: "Link", linkAttribute: "to" },
+        { name: "NavLink", linkAttribute: "to" },
+      ],
+    },
+  },
+];

package.json

@@ -45,16 +45,19 @@
     "yaml": "^2.3.4"
   },
   "devDependencies": {
+    "@eslint/js": "^9.9.1",
     "@types/markdown-it": "^14.0.0",
     "@types/node": "^22.0.0",
     "@types/react": "^18.2.21",
     "@types/react-test-renderer": "^18.0.7",
     "@typescript-eslint/parser": "^8.0.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "8.57.0",
     "eslint-config-next": "14.2.7",
+    "eslint": "^9.9.1",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-chakra-ui": "^0.11.0",
+    "eslint-plugin-react": "^7.35.0",
+    "globals": "^15.9.0",
     "husky": "^9.0.11",
     "jsdom": "^25.0.0",
     "lint-staged": "^15.0.0",
@@ -70,6 +73,7 @@
     "stylelint-config-sass-guidelines": "^12.0.0",
     "ts-node": "^10.9.2",
     "typescript": "5.5.4",
+    "typescript-eslint": "^8.3.0",
     "vitest": "^2.0.0"
   },
   "packageManager": "bun@1.0.35"

src/components/date.test.tsx

@@ -1,5 +1,6 @@
 import { expect, it } from "vitest";
 import { DateString } from "./date";
+import React from "react";
 import { render } from "../../utils/react-test";
 
 it("renders correctly", () => {

src/components/footer.test.tsx

@@ -1,5 +1,6 @@
 import { expect, it } from "vitest";
 import { Footer } from "./footer";
+import React from "react";
 import { render } from "../../utils/react-test";
 
 it("renders correctly", () => {

src/components/header.test.tsx

@@ -1,5 +1,6 @@
 import { expect, it } from "vitest";
 import { Header } from "./header";
+import React from "react";
 import { render } from "../../utils/react-test";
 
 it("renders correctly", () => {

src/components/navigation.test.tsx

@@ -1,5 +1,6 @@
 import { expect, it } from "vitest";
 import { Navigation } from "./navigation";
+import React from "react";
 import { render } from "../../utils/react-test";
 
 it("renders correctly", () => {

src/components/prev-next-link.test.tsx

@@ -1,5 +1,6 @@
 import { expect, it } from "vitest";
 import { PrevNextLink } from "./prev-next-link";
+import React from "react";
 import { render } from "../../utils/react-test";
 
 it("renders both prev and next correctly", () => {

src/components/questions.test.tsx

@@ -1,5 +1,6 @@
 import { expect, it } from "vitest";
 import { Questions } from "./questions";
+import React from "react";
 import { render } from "../../utils/react-test";
 
 it("renders correctly", () => {

src/components/sns-link.test.tsx

@@ -1,4 +1,5 @@
 import { expect, it } from "vitest";
+import React from "react";
 import { SNSLink } from "./sns-link";
 import { render } from "../../utils/react-test";
 

src/components/title.test.tsx

@@ -1,5 +1,6 @@
 import { Subtitle, Title } from "./title";
 import { expect, it } from "vitest";
+import React from "react";
 import { render } from "../../utils/react-test";
 
 it("renders title correctly", () => {