@tb-dev/eslint-config 6.1.3 → 6.1.5

package/dist/index.cjs

@@ -294,52 +294,55 @@ async function vue(options) {
 }
 
 async function react(options) {
-  if (!isEnabled(options.features, "react")) return {};
+  if (!isEnabled(options.features, "react")) return [];
   const plugin = await interopDefault(import('eslint-plugin-react'));
-  return {
-    plugins: { react: plugin },
-    rules: {
-      "react/button-has-type": "error",
-      "react/function-component-definition": [
-        "error",
-        {
-          namedComponents: ["function-declaration"],
-          unnamedComponents: ["function-declaration"]
-        }
-      ],
-      "react/hook-use-state": ["error", { allowDestructuredState: true }],
-      "react/jsx-boolean-value": ["error", "never", { assumeUndefinedIsFalse: true }],
-      "react/jsx-key": [
-        "error",
-        {
-          checkFragmentShorthand: true,
-          checkKeyMustBeforeSpread: false,
-          warnOnDuplicates: true
-        }
-      ],
-      "react/jsx-no-script-url": "error",
-      "react/jsx-no-useless-fragment": "error",
-      "react/jsx-pascal-case": [
-        "error",
-        {
-          allowAllCaps: false,
-          allowNamespace: true,
-          allowLeadingUnderscore: false
+  return [
+    {
+      plugins: { react: plugin },
+      rules: {
+        "react/button-has-type": "error",
+        "react/function-component-definition": "off",
+        "react/hook-use-state": ["error", { allowDestructuredState: true }],
+        "react/jsx-boolean-value": ["error", "never", { assumeUndefinedIsFalse: true }],
+        "react/jsx-key": [
+          "error",
+          {
+            checkFragmentShorthand: true,
+            checkKeyMustBeforeSpread: false,
+            warnOnDuplicates: true
+          }
+        ],
+        "react/jsx-no-script-url": "error",
+        "react/jsx-no-useless-fragment": "error",
+        "react/jsx-pascal-case": [
+          "error",
+          {
+            allowAllCaps: false,
+            allowNamespace: true,
+            allowLeadingUnderscore: false
+          }
+        ],
+        "react/jsx-props-no-spread-multi": "error",
+        "react/no-access-state-in-setstate": "error",
+        "react/no-array-index-key": "error",
+        "react/no-danger": "error",
+        "react/no-deprecated": "error",
+        "react/no-direct-mutation-state": "error",
+        "react/no-find-dom-node": "error",
+        "react/no-is-mounted": "error",
+        "react/no-render-return-value": "error",
+        "react/no-unsafe": "error",
+        ...options.overrides?.react
+      }
+    },
+    {
+      settings: {
+        react: {
+          version: options.reactVersion ?? "19.0"
         }
-      ],
-      "react/jsx-props-no-spread-multi": "error",
-      "react/no-access-state-in-setstate": "error",
-      "react/no-array-index-key": "error",
-      "react/no-danger": "error",
-      "react/no-deprecated": "error",
-      "react/no-direct-mutation-state": "error",
-      "react/no-find-dom-node": "error",
-      "react/no-is-mounted": "error",
-      "react/no-render-return-value": "error",
-      "react/no-unsafe": "error",
-      ...options.overrides?.react
+      }
     }
-  };
+  ];
 }
 
 async function svelte(options) {
@@ -1055,7 +1058,7 @@ async function defineConfig(options) {
     typescript(options),
     ...await vue(options),
     ...await svelte(options),
-    react(options),
+    ...await react(options),
     reactHooks(options),
     reactCompiler(options),
     perfectionist(options),

package/dist/index.d.ts

@@ -12,6 +12,8 @@ declare interface ConfigObject {
     plugins?: Record<string, unknown>;
     processor?: unknown;
     rules: Rules;
+    /** @see https://eslint.org/docs/latest/use/configure/configuration-files#configuring-shared-settings */
+    settings?: Record<string, unknown>;
 }
 
 declare interface ConfigOptions {
@@ -33,6 +35,8 @@ declare interface ConfigOptions {
     };
     /** @see https://typescript-eslint.io/rules/no-floating-promises#allowforknownsafepromises */
     knownSafePromises?: KnownSafePromise[];
+    /** @see https://github.com/jsx-eslint/eslint-plugin-react#configuration */
+    reactVersion?: string;
 }
 
 export declare function defineConfig(options: ConfigOptions): Promise<Partial<ConfigObject>[]>;

package/dist/index.js

@@ -290,52 +290,55 @@ async function vue(options) {
 }
 
 async function react(options) {
-  if (!isEnabled(options.features, "react")) return {};
+  if (!isEnabled(options.features, "react")) return [];
   const plugin = await interopDefault(import('eslint-plugin-react'));
-  return {
-    plugins: { react: plugin },
-    rules: {
-      "react/button-has-type": "error",
-      "react/function-component-definition": [
-        "error",
-        {
-          namedComponents: ["function-declaration"],
-          unnamedComponents: ["function-declaration"]
-        }
-      ],
-      "react/hook-use-state": ["error", { allowDestructuredState: true }],
-      "react/jsx-boolean-value": ["error", "never", { assumeUndefinedIsFalse: true }],
-      "react/jsx-key": [
-        "error",
-        {
-          checkFragmentShorthand: true,
-          checkKeyMustBeforeSpread: false,
-          warnOnDuplicates: true
-        }
-      ],
-      "react/jsx-no-script-url": "error",
-      "react/jsx-no-useless-fragment": "error",
-      "react/jsx-pascal-case": [
-        "error",
-        {
-          allowAllCaps: false,
-          allowNamespace: true,
-          allowLeadingUnderscore: false
+  return [
+    {
+      plugins: { react: plugin },
+      rules: {
+        "react/button-has-type": "error",
+        "react/function-component-definition": "off",
+        "react/hook-use-state": ["error", { allowDestructuredState: true }],
+        "react/jsx-boolean-value": ["error", "never", { assumeUndefinedIsFalse: true }],
+        "react/jsx-key": [
+          "error",
+          {
+            checkFragmentShorthand: true,
+            checkKeyMustBeforeSpread: false,
+            warnOnDuplicates: true
+          }
+        ],
+        "react/jsx-no-script-url": "error",
+        "react/jsx-no-useless-fragment": "error",
+        "react/jsx-pascal-case": [
+          "error",
+          {
+            allowAllCaps: false,
+            allowNamespace: true,
+            allowLeadingUnderscore: false
+          }
+        ],
+        "react/jsx-props-no-spread-multi": "error",
+        "react/no-access-state-in-setstate": "error",
+        "react/no-array-index-key": "error",
+        "react/no-danger": "error",
+        "react/no-deprecated": "error",
+        "react/no-direct-mutation-state": "error",
+        "react/no-find-dom-node": "error",
+        "react/no-is-mounted": "error",
+        "react/no-render-return-value": "error",
+        "react/no-unsafe": "error",
+        ...options.overrides?.react
+      }
+    },
+    {
+      settings: {
+        react: {
+          version: options.reactVersion ?? "19.0"
         }
-      ],
-      "react/jsx-props-no-spread-multi": "error",
-      "react/no-access-state-in-setstate": "error",
-      "react/no-array-index-key": "error",
-      "react/no-danger": "error",
-      "react/no-deprecated": "error",
-      "react/no-direct-mutation-state": "error",
-      "react/no-find-dom-node": "error",
-      "react/no-is-mounted": "error",
-      "react/no-render-return-value": "error",
-      "react/no-unsafe": "error",
-      ...options.overrides?.react
+      }
     }
-  };
+  ];
 }
 
 async function svelte(options) {
@@ -1051,7 +1054,7 @@ async function defineConfig(options) {
     typescript(options),
     ...await vue(options),
     ...await svelte(options),
-    react(options),
+    ...await react(options),
     reactHooks(options),
     reactCompiler(options),
     perfectionist(options),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/eslint-config",
-  "version": "6.1.3",
+  "version": "6.1.5",
   "description": "ESLint config",
   "license": "MIT",
   "type": "module",