Replace eslint-plugin-react with @eslint-react/eslint-plugin (#17152)

eslint.config.js

@@ -1,12 +1,12 @@
 import url from "node:url";
 import eslintPluginJs from "@eslint/js";
+import eslintPluginEslintReact from "@eslint-react/eslint-plugin";
 import eslintPluginStylisticJs from "@stylistic/eslint-plugin-js";
 import eslintPluginTypescriptEslint from "@typescript-eslint/eslint-plugin";
 import { isCI } from "ci-info";
 import eslintConfigPrettier from "eslint-config-prettier";
 import eslintPluginJest from "eslint-plugin-jest";
 import eslintPluginN from "eslint-plugin-n";
-import eslintPluginReact from "eslint-plugin-react";
 import eslintPluginRegexp from "eslint-plugin-regexp";
 import eslintPluginSimpleImportSort from "eslint-plugin-simple-import-sort";
 import eslintPluginUnicorn from "eslint-plugin-unicorn";
@@ -443,33 +443,29 @@ export default [
   },
   {
     files: ["website/**/*"],
-    ...eslintPluginReact.configs.flat.recommended,
+    ...eslintPluginEslintReact.configs.recommended,
   },
   {
     files: ["website/**/*"],
     languageOptions: {
       globals: { ...globals.browser, ...globals.worker },
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
     },
     settings: {
-      react: {
+      "react-x": {
         version: "18",
       },
     },
     rules: {
-      "react/display-name": "off",
-      "react/no-deprecated": "off",
-      "react/prop-types": "off",
       "unicorn/filename-case": "off",
     },
   },
   {
-    files: ["website/docusaurus.config.js"],
-    languageOptions: {
-      sourceType: "module",
-    },
-  },
-  {
-    files: ["website/playground/**/*"],
+    files: ["website/docusaurus.config.js", "website/playground/**/*"],
     languageOptions: {
       sourceType: "module",
     },