@tommy-mitchell/eslint-config-xo 2.0.0-beta.0 → 2.0.0-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tommy-mitchell/eslint-config-xo",
-	"version": "2.0.0-beta.0",
+	"version": "2.0.0-beta.2",
 	"description": "Personal config for XO.",
 	"keywords": [
 		"nodejs",
@@ -28,6 +28,7 @@
 		"test": "ava"
 	},
 	"dependencies": {
+		"@eslint-react/eslint-plugin": "^3.0.0",
 		"@next/eslint-plugin-next": "^16.0.5",
 		"eslint-plugin-better-tailwindcss": "^4.3.2",
 		"eslint-plugin-jsx-a11y": "^6.10.2",
@@ -41,11 +42,11 @@
 		"@tommy-mitchell/dprint-config": "0.6.0",
 		"ava": "^7.0.0",
 		"dprint": "0.x",
-		"eslint-plugin-react": "^7.37.5",
 		"execa": "^9.6.0",
 		"react": "^19.2.0",
 		"tailwindcss": "^4.1.17",
 		"tempy": "^3.1.0",
+		"typescript": "6.0.2",
 		"xo": "~2.0.2"
 	},
 	"peerDependencies": {

package/src/dprint.js

@@ -5,12 +5,11 @@ const allowedReactRules = new Set([
 	"jsx-newline",
 	"jsx-pascal-case",
 	"jsx-self-closing-comp",
-	"jsx-sort-props",
 ]);
 
 const disabledLegacyRules = Object.fromEntries(
 	Object.entries(stylistic.configs["disable-legacy"].rules)
-		.filter(([rule]) => !allowedReactRules.has(rule.replace("react/", ""))),
+		.filter(([rule]) => !allowedReactRules.has(rule.replace("@stylistic/", ""))),
 );
 
 const allowedRules = new Set([

package/src/index.d.ts

@@ -2,6 +2,6 @@ import type { FlatXoConfig } from "xo";
 
 export declare const dprint: FlatXoConfig;
 export declare const next: FlatXoConfig;
-export declare const react: (options?: { version?: string; }) => FlatXoConfig;
+export declare const react: FlatXoConfig;
 export declare const tailwind: ({ config }: { config: string; }) => FlatXoConfig;
 export declare const xo: FlatXoConfig;

package/src/react.js

@@ -1,28 +1,30 @@
+import eslintReact from "@eslint-react/eslint-plugin";
 import jsxA11y from "eslint-plugin-jsx-a11y";
-import react from "eslint-plugin-react";
 import { reactRefresh } from "eslint-plugin-react-refresh";
 import sortReactDependencyArrays from "eslint-plugin-sort-react-dependency-arrays";
 
-const configs = [
-	react.configs.flat["jsx-runtime"],
-	jsxA11y.flatConfigs.recommended,
-];
-
-/** @type {(options?: {version?: string}) => import('xo').FlatXoConfig} */
-export default ({ version = "detect" } = {}) => [{ react: true, settings: { react: { version } } }, ...configs, {
+/** @type {import('xo').FlatXoConfig} */
+export default [jsxA11y.flatConfigs.recommended, {
+	...eslintReact.configs.strict,
+	files: "**/*.{jsx}",
+}, {
+	...eslintReact.configs["strict-type-checked"],
+	files: "**/*.{tsx}",
+}, {
 	plugins: {
 		"react-refresh": reactRefresh.plugin,
 		"sort-react-dependency-arrays": sortReactDependencyArrays,
 	},
+	// TODO: boolean-prop-naming
 	rules: {
-		"react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
-		"react/jsx-sort-props": ["error", {
-			callbacksLast: true,
-			noSortAlphabetically: false,
-			reservedFirst: true,
-			shorthandFirst: true,
+		"perfectionist/sort-jsx-props": ["error", {
+			customGroups: [
+				{ elementNamePattern: "^on[A-Z].*", groupName: "callback" },
+				{ elementNamePattern: "^(children|dangerouslySetInnerHTML|key|ref)$", groupName: "reserved" },
+			],
+			groups: ["reserved", "shorthand-prop", "unknown", "callback"],
 		}],
-		"react/no-array-index-key": "warn",
+		"react-refresh/only-export-components": ["warn", { allowConstantExport: true }],
 		"simple-import-sort/imports": ["error", {
 			groups: [[
 				String.raw`^\u0000`,
@@ -43,9 +45,6 @@ export default ({ version = "detect" } = {}) => [{ react: true, settings: { reac
 				pascalCase: true,
 			},
 		}],
-		...version === "19" && {
-			"react/forward-ref-uses-ref": "off",
-		},
 	},
 }, {
 	files: ["src/constants/**/*.{ts,cts,mts,tsx}", "**/constants.{ts,cts,mts,tsx}"],