Remove eslint-plugin-react

Author: porada

package.json

@@ -45,13 +45,12 @@
 	"dependencies": {
 		"@stylistic/eslint-plugin": "^5.10.0",
 		"eslint-plugin-perfectionist": "^5.7.0",
-		"eslint-plugin-react": "^7.37.5",
 		"eslint-plugin-react-x": "^3.0.0"
 	},
 	"peerDependencies": {
 		"@standard-config/oxlint": ">=1.3.0",
-		"eslint": ">=10.1.0",
-		"typescript-eslint": ">=8.57.0"
+		"eslint": ">=10.0.0",
+		"typescript-eslint": ">=8.56.0"
 	},
 	"peerDependenciesMeta": {
 		"@standard-config/oxlint": {

pnpm-lock.yaml

@@ -5,7 +5,6 @@ onlyBuiltDependencies:
 
 peerDependencyRules:
   allowAny:
-    - eslint
     - typescript
     - vitest
 

pnpm-workspace.yaml

@@ -5,7 +5,6 @@ exports[`is a valid ESLint config 1`] = `
   "name": "React",
   "plugins": {
     "perfectionist": [ESLint.Plugin],
-    "react": [ESLint.Plugin],
     "react-x": [ESLint.Plugin],
   },
   "rules": {
@@ -79,17 +78,6 @@ exports[`is a valid ESLint config 1`] = `
     "react-x/unsupported-syntax": "error",
     "react-x/use-memo": "error",
     "react-x/use-state": "error",
-    "react/function-component-definition": [
-      "error",
-      {
-        "namedComponents": [
-          "arrow-function",
-          "function-declaration",
-        ],
-        "unnamedComponents": "arrow-function",
-      },
-    ],
-    "react/no-adjacent-inline-elements": "error",
   },
   "settings": {
     "react": {

src/config-react/__snapshots__/eslint.test.ts.snap

@@ -11,10 +11,6 @@ exports[`is a valid Oxlint config 1`] = `
       "name": "perfectionist",
       "specifier": "eslint-plugin-perfectionist",
     },
-    {
-      "name": "react-js",
-      "specifier": "eslint-plugin-react",
-    },
     {
       "name": "react-x",
       "specifier": "eslint-plugin-react-x",
@@ -132,17 +128,6 @@ exports[`is a valid Oxlint config 1`] = `
             "type": "unsorted",
           },
         ],
-        "react-js/function-component-definition": [
-          "error",
-          {
-            "namedComponents": [
-              "arrow-function",
-              "function-declaration",
-            ],
-            "unnamedComponents": "arrow-function",
-          },
-        ],
-        "react-js/no-adjacent-inline-elements": "error",
         "react-x/component-hook-factories": "error",
         "react-x/error-boundaries": "error",
         "react-x/immutability": "error",

src/config-react/__snapshots__/oxlint.test.ts.snap

@@ -1,9 +1,7 @@
 import type { LinterConfigEntry } from '../types/eslint.d.ts';
 import pluginPerfectionist from 'eslint-plugin-perfectionist';
-import pluginReact from 'eslint-plugin-react';
-import pluginReactX from 'eslint-plugin-react-x';
+import pluginReact from 'eslint-plugin-react-x';
 import rulesPerfectionist from './rules-perfectionist.ts';
-import rulesReactX from './rules-react-x.ts';
 import rulesReact from './rules-react.ts';
 
 /**
@@ -17,8 +15,7 @@ const config: LinterConfigEntry = {
 	name: 'React',
 	plugins: {
 		'perfectionist': pluginPerfectionist,
-		'react': pluginReact,
-		'react-x': pluginReactX,
+		'react-x': pluginReact,
 	},
 	settings: {
 		react: {
@@ -28,7 +25,7 @@ const config: LinterConfigEntry = {
 	rules: {
 		...rulesPerfectionist,
 		...rulesReact,
-		...rulesReactX,
+		...rulesReact,
 	},
 };
 

src/config-react/eslint.ts

@@ -4,7 +4,6 @@ import oxlintConfigBase from '../config-base/oxlint.ts';
 import transformPlugin from '../utilities/transform-plugin/index.ts';
 import transformRules from '../utilities/transform-rules/index.ts';
 import rulesPerfectionist from './rules-perfectionist.ts';
-import rulesReactX from './rules-react-x.ts';
 import rulesReact from './rules-react.ts';
 
 /**
@@ -23,19 +22,13 @@ const config: OxlintConfig = {
 	},
 };
 
-config.jsPlugins!.push(
-	transformPlugin('react-js', 'eslint-plugin-react'),
-	transformPlugin('react-x', 'eslint-plugin-react-x')
-);
+config.jsPlugins!.push(transformPlugin('react-x', 'eslint-plugin-react-x'));
 
 config.overrides!.push({
 	files: ['**/*.tsx'],
 	rules: {
 		...rulesPerfectionist,
 		...transformRules(rulesReact, {
-			prefix: 'react-js',
-		}),
-		...transformRules(rulesReactX, {
 			omit: [
 				// Oxlint doesn’t support type-aware rules
 				'react-x/no-implicit-key',

src/config-react/oxlint.ts

@@ -1,14 +1,34 @@
 import type { LinterConfigRules } from '../types/eslint.d.ts';
 
 const rules: LinterConfigRules = {
-	'react/function-component-definition': [
-		'error',
-		{
-			namedComponents: ['arrow-function', 'function-declaration'],
-			unnamedComponents: 'arrow-function',
-		},
-	],
-	'react/no-adjacent-inline-elements': 'error',
+	'react-x/component-hook-factories': 'error',
+	'react-x/error-boundaries': 'error',
+	'react-x/immutability': 'error',
+	'react-x/jsx-dollar': 'error',
+	'react-x/jsx-key-before-spread': 'error',
+	'react-x/no-access-state-in-setstate': 'error',
+	'react-x/no-class-component': 'error',
+	'react-x/no-context-provider': 'error',
+	'react-x/no-duplicate-key': 'error',
+	'react-x/no-forward-ref': 'error',
+	'react-x/no-implicit-key': 'error',
+	'react-x/no-leaked-conditional-rendering': 'error',
+	'react-x/no-misused-capture-owner-stack': 'error',
+	'react-x/no-nested-component-definitions': 'error',
+	'react-x/no-nested-lazy-component-declarations': 'error',
+	'react-x/no-unnecessary-use-callback': 'error',
+	'react-x/no-unnecessary-use-memo': 'error',
+	'react-x/no-unstable-context-value': 'error',
+	'react-x/no-unstable-default-props': 'error',
+	'react-x/no-use-context': 'error',
+	'react-x/prefer-destructuring-assignment': 'error',
+	'react-x/purity': 'error',
+	'react-x/refs': 'error',
+	'react-x/set-state-in-effect': 'error',
+	'react-x/set-state-in-render': 'error',
+	'react-x/unsupported-syntax': 'error',
+	'react-x/use-memo': 'error',
+	'react-x/use-state': 'error',
 };
 
 export default rules;

src/config-react/rules-react-x.ts

@@ -7,7 +7,6 @@ vi.unmock('./index.ts');
 const PLUGINS = [
 	'@stylistic/eslint-plugin',
 	'eslint-plugin-perfectionist',
-	'eslint-plugin-react',
 	'eslint-plugin-react-x',
 ];