.

eslint.config.js

@@ -1,4 +1,4 @@
-import js from "@eslint/js";
+import eslint from "@eslint/js";
 import pluginReact from "eslint-plugin-react";
 import reactCompiler from "eslint-plugin-react-compiler";
 import reactHooks from "eslint-plugin-react-hooks";
@@ -7,19 +7,22 @@ import globals from "globals";
 import tseslint from "typescript-eslint";
 
 export default defineConfig([
-    {
-        files: ["**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
-        plugins: { js },
-        extends: ["js/recommended"],
-    },
+    eslint.configs.recommended,
     {
         files: ["**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
         languageOptions: { globals: globals.browser },
     },
-    ...tseslint.configs.recommended,
+    tseslint.configs.recommended,
     pluginReact.configs.flat.recommended,
     reactHooks.configs["recommended-latest"],
     reactCompiler.configs.recommended,
+    {
+        settings: {
+            react: {
+                version: "detect",
+            },
+        },
+    },
     {
         files: ["**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
         rules: {