fix: improve react support

Author: alexander-akait

configs.js

@@ -216,20 +216,6 @@ function getTypescriptJSdocConfig() {
  * @returns {Promise<Record<string, string>>} config
  */
 function getTypescriptConfig() {
-	if (packageJson === null) {
-		return [];
-	}
-
-	const dependencies = packageJson.dependencies || [];
-	const devDependencies = packageJson.devDependencies || [];
-
-	if (
-		typeof dependencies.typescript === "undefined" &&
-		typeof devDependencies.typescript === "undefined"
-	) {
-		return [];
-	}
-
 	const tsconfigJson = getJsonFile("tsconfig.json");
 
 	const isNoEmitEnabled =
@@ -262,6 +248,23 @@ function getTypescriptConfig() {
 	];
 }
 
+/**
+ * @returns {Promise<Record<string, string>>} config
+ */
+function getReactConfig() {
+	if (packageJson === null) {
+		return [];
+	}
+
+	const dependencies = packageJson.dependencies || [];
+	const devDependencies = packageJson.devDependencies || [];
+
+	return typeof dependencies.react !== "undefined" ||
+		typeof devDependencies.react !== "undefined"
+		? configs["react/recommended"]
+		: [];
+}
+
 /**
  * @returns {Promise<Record<string, string>>} config
  */
@@ -282,6 +285,7 @@ function getJestConfig() {
 const javascriptConfig = getJavascriptConfig();
 const typescriptJSDocConfig = getTypescriptJSdocConfig();
 const typescriptConfig = getTypescriptConfig();
+const reactConfig = getReactConfig();
 const jestConfig = getJestConfig();
 
 configs.recommended = [
@@ -292,6 +296,7 @@ configs.recommended = [
 	javascriptConfig,
 	typescriptJSDocConfig,
 	typescriptConfig,
+	reactConfig,
 	jestConfig,
 	configs["markdown/recommended"],
 	configs["stylistic/recommended"],
@@ -304,6 +309,7 @@ configs["recommended-module"] = [
 	javascriptConfig,
 	typescriptJSDocConfig,
 	typescriptConfig,
+	reactConfig,
 	jestConfig,
 	configs["markdown/recommended"],
 	configs["stylistic/recommended"],
@@ -316,6 +322,7 @@ configs["recommended-commonjs"] = [
 	javascriptConfig,
 	typescriptJSDocConfig,
 	typescriptConfig,
+	reactConfig,
 	jestConfig,
 	configs["markdown/recommended"],
 	configs["stylistic/recommended"],

configs/index.js

@@ -4,6 +4,7 @@ import jestConfig from "./jest.js";
 import markdownConfig from "./markdown.js";
 import nodeConfig from "./node.js";
 import packageJSON from "./package-json.js";
+import reactConfig from "./react.js";
 import stylisticConfig from "./stylistic.js";
 import typescriptConfig from "./typescript.js";
 import webpackSpecial from "./webpack-special.js";
@@ -16,6 +17,7 @@ const configs = {
 	...nodeConfig,
 	...stylisticConfig,
 	...typescriptConfig,
+	...reactConfig,
 	...packageJSON,
 	...webpackSpecial,
 };

configs/react.js

@@ -0,0 +1,26 @@
+import reactPlugin from "eslint-plugin-react";
+
+const { recommended, "jsx-runtime": jsxRuntime } = reactPlugin.configs.flat;
+
+const recommendedReactConfig = {
+	...reactPlugin.configs.flat.recommended,
+	files: ["**/*.{jsx,tsx}"],
+	settings: {
+		react: {
+			version: "detect",
+			defaultVersion: "19",
+		},
+	},
+	languageOptions: {
+		...recommended.languageOptions,
+		...jsxRuntime.languageOptions,
+	},
+	rules: {
+		...recommended.rules,
+		...jsxRuntime.rules,
+	},
+};
+
+export default {
+	"react/recommended": recommendedReactConfig,
+};