fix(deps): Update dependencides (#525)

Update dependencies and migrate code for updated libraries.
- Update react to 19 and migrate to the new jsx transform. It also
migrates react-test-renderer and @testing-library/react-hooks to
@testing-library/react.
- Update eslint to 9 and migrate configurations to the the flat config
file format.
- Update vitest and migrate mock clear methods.

Author: ueokande

.eslintignore

@@ -58,7 +58,7 @@ export const test = base.extend<Fixture>({
         text: string,
         options?: { delay?: number },
       ) => {
-        await originalType(text, { delay: options?.delay ?? 10 });
+        await originalType(text, { delay: options?.delay ?? 50 });
       };
       await use(page);
     },

.eslintrc

@@ -0,0 +1,73 @@
+import globals from "globals";
+import js from "@eslint/js";
+import prettierRecommended from "eslint-plugin-prettier/recommended";
+import react from "eslint-plugin-react";
+import stylex from "@stylexjs/eslint-plugin";
+import tseslint from "typescript-eslint";
+
+const ignoreConfig = {
+  ignores: ["**/*.d.ts", "./dist/**/*.js"],
+};
+
+const mainConfig = {
+  ignores: ["scripts/**/*.mjs"],
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
+  plugins: {
+    react,
+    "@stylexjs": stylex,
+  },
+  languageOptions: {
+    globals: {
+      ...globals.browser,
+      ...globals.node,
+    },
+  },
+  rules: {
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "@typescript-eslint/consistent-type-imports": "error",
+    "@typescript-eslint/no-import-type-side-effects": "error",
+    "@typescript-eslint/no-empty-function": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-unused-expressions": "off",
+    "@typescript-eslint/no-unused-vars": ["error", { argsIgnorePattern: "^_" }],
+    "no-restricted-exports": [
+      "error",
+      {
+        restrictDefaultExports: {
+          direct: true,
+          named: true,
+        },
+      },
+    ],
+    "no-console": "error",
+  },
+};
+
+const scriptConfig = {
+  files: ["script/**/*.mjs"],
+  rules: {
+    "no-console": "off",
+  },
+};
+
+const eslintConfig = {
+  files: ["./eslint.config.mjs"],
+  rules: {
+    "no-restricted-exports": "off",
+  },
+};
+
+export default tseslint.config(
+  ignoreConfig,
+  js.configs.recommended,
+  tseslint.configs.recommended,
+  mainConfig,
+  prettierRecommended,
+  scriptConfig,
+  eslintConfig,
+);

e2e/lib/fixture.ts

@@ -30,42 +30,40 @@
     "inversify": "^6.0.2",
     "inversify-binding-decorators": "^4.0.0",
     "prismjs": "^1.29.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "tslib": "^2.6.2",
-    "typescript": "5.3.3",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "tslib": "^2.8.1",
+    "typescript": "5.8.3",
     "zod": "^3.22.2"
   },
   "devDependencies": {
-    "@playwright/test": "1.40.1",
-    "@stylexjs/dev-runtime": "^0.5.1",
-    "@stylexjs/esbuild-plugin": "^0.5.1",
-    "@stylexjs/eslint-plugin": "^0.5.1",
-    "@stylexjs/stylex": "^0.5.1",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@eslint/js": "^9.26.0",
+    "@playwright/test": "1.52.0",
+    "@stylexjs/dev-runtime": "^0.11.1",
+    "@stylexjs/esbuild-plugin": "^0.11.1",
+    "@stylexjs/eslint-plugin": "^0.11.1",
+    "@stylexjs/stylex": "^0.11.1",
+    "@testing-library/react": "^16.3.0",
     "@types/chrome": "^0.0.233",
     "@types/node": "^20.6.0",
     "@types/prismjs": "^1.26.1",
-    "@types/react": "^18.2.46",
-    "@types/react-dom": "^18.2.18",
-    "@types/react-test-renderer": "^18.0.7",
-    "@typescript-eslint/eslint-plugin": "^7.0.1",
-    "@typescript-eslint/parser": "^7.0.1",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "esbuild": "^0.20.1",
-    "eslint": "8.56.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-prettier": "5.1.2",
-    "eslint-plugin-react": "7.33.2",
-    "eslint-plugin-standard": "^5.0.0",
+    "eslint": "9.26.0",
+    "eslint-config-prettier": "10.1.2",
+    "eslint-plugin-prettier": "5.2.6",
+    "eslint-plugin-react": "7.37.5",
     "fastify": "^4.23.2",
-    "jsdom": "^24.0.0",
+    "globals": "^16.0.0",
+    "jsdom": "^26.1.0",
     "jszip": "^3.7.0",
     "nodemon": "^2.0.22",
     "playwright-webextext": "^0.0.4",
-    "prettier": "3.1.1",
-    "prettier-eslint": "16.2.0",
-    "react-test-renderer": "18.2.0",
-    "vitest": "^1.6.0",
+    "prettier": "3.5.3",
+    "prettier-eslint": "16.4.1",
+    "typescript-eslint": "^8.31.1",
+    "vitest": "^3.1.2",
     "webext-agent": "^0.2.0"
   },
   "engines": {