eslint-plugin-react-x 1.26.3-next.8 → 1.27.0-beta.1

package/dist/index.mjs

@@ -1,7 +1,7 @@
+import { createRuleForPlugin, getSettingsFromContext, unsafeDecodeSettings, DEFAULT_ESLINT_REACT_SETTINGS } from '@eslint-react/shared';
 import * as JSX7 from '@eslint-react/jsx';
-import { createRuleForPlugin, getSettingsFromContext, unsafeDecodeSettings } from '@eslint-react/shared';
 import * as AST11 from '@eslint-react/ast';
-import { isForwardRefCall, isClassComponent, isThisSetState, isChildrenCount, isChildrenForEach, isChildrenMap, isChildrenOnly, isChildrenToArray, useComponentCollectorLegacy, isComponentDidCatch, isGetDerivedStateFromError, isCloneElementCall, isCreateRefCall, isComponentName, useComponentCollector, DEFAULT_COMPONENT_HINT, ERComponentFlag, isChildrenToArrayCall, ERComponentHint, isDirectValueOfRenderPropertyLoose, isDeclaredInRenderPropLoose, isInsideCreateElementProps, isInsideRenderMethod, isReactHookCall, isReactHookCallWithNameAlias, isCreateElementCall, isGetDerivedStateFromProps, isInitializedFromReact } from '@eslint-react/core';
+import { isForwardRefCall, isClassComponent, isThisSetState, isChildrenCount, isChildrenForEach, isChildrenMap, isChildrenOnly, isChildrenToArray, useComponentCollectorLegacy, isComponentDidCatch, isGetDerivedStateFromError, isCloneElementCall, isCreateRefCall, isComponentName, useComponentCollector, DEFAULT_COMPONENT_HINT, ERComponentFlag, DISPLAY_NAME_ASSIGNMENT_SELECTOR, isCreateContextCall, isChildrenToArrayCall, ERComponentHint, isDirectValueOfRenderPropertyLoose, isDeclaredInRenderPropLoose, isInsideCreateElementProps, isInsideRenderMethod, isReactHookCall, isReactHookCallWithNameAlias, isCreateElementCall, isGetDerivedStateFromProps, isInitializedFromReact } from '@eslint-react/core';
 import { _, getOrUpdate, identity } from '@eslint-react/eff';
 import { AST_NODE_TYPES } from '@typescript-eslint/types';
 import { isMatching, match, P } from 'ts-pattern';
@@ -13,9 +13,104 @@ import { unionTypeParts, isTypeFlagSet, isTrueLiteralType, isFalseLiteralType }
 import ts from 'typescript';
 import { getTypeImmutability, isUnknown, isImmutable, isReadonlyShallow, isReadonlyDeep } from 'is-immutable-type';
 
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name5 in all)
+    __defProp(target, name5, { get: all[name5], enumerable: true });
+};
+
+// src/configs/recommended.ts
+var recommended_exports = {};
+__export(recommended_exports, {
+  name: () => name,
+  rules: () => rules,
+  settings: () => settings
+});
+var name = "react-x/recommended";
+var rules = {
+  "react-x/ensure-forward-ref-using-ref": "warn",
+  "react-x/no-access-state-in-setstate": "error",
+  "react-x/no-array-index-key": "warn",
+  "react-x/no-children-count": "warn",
+  "react-x/no-children-for-each": "warn",
+  "react-x/no-children-map": "warn",
+  "react-x/no-children-only": "warn",
+  "react-x/no-children-to-array": "warn",
+  "react-x/no-clone-element": "warn",
+  "react-x/no-comment-textnodes": "warn",
+  "react-x/no-component-will-mount": "error",
+  "react-x/no-component-will-receive-props": "error",
+  "react-x/no-component-will-update": "error",
+  "react-x/no-context-provider": "warn",
+  "react-x/no-create-ref": "error",
+  "react-x/no-default-props": "error",
+  "react-x/no-direct-mutation-state": "error",
+  "react-x/no-duplicate-jsx-props": "warn",
+  "react-x/no-duplicate-key": "warn",
+  "react-x/no-forward-ref": "warn",
+  "react-x/no-implicit-key": "warn",
+  "react-x/no-missing-key": "error",
+  "react-x/no-nested-components": "error",
+  "react-x/no-prop-types": "error",
+  "react-x/no-redundant-should-component-update": "error",
+  "react-x/no-set-state-in-component-did-mount": "warn",
+  "react-x/no-set-state-in-component-did-update": "warn",
+  "react-x/no-set-state-in-component-will-update": "warn",
+  "react-x/no-string-refs": "error",
+  "react-x/no-unsafe-component-will-mount": "warn",
+  "react-x/no-unsafe-component-will-receive-props": "warn",
+  "react-x/no-unsafe-component-will-update": "warn",
+  "react-x/no-unstable-context-value": "warn",
+  "react-x/no-unstable-default-props": "warn",
+  "react-x/no-unused-class-component-members": "warn",
+  "react-x/no-unused-state": "warn",
+  "react-x/no-use-context": "warn",
+  "react-x/use-jsx-vars": "warn"
+};
+var settings = {
+  "react-x": DEFAULT_ESLINT_REACT_SETTINGS
+};
+
+// src/configs/recommended-type-checked.ts
+var recommended_type_checked_exports = {};
+__export(recommended_type_checked_exports, {
+  name: () => name3,
+  rules: () => rules3,
+  settings: () => settings3
+});
+
+// src/configs/recommended-typescript.ts
+var recommended_typescript_exports = {};
+__export(recommended_typescript_exports, {
+  name: () => name2,
+  rules: () => rules2,
+  settings: () => settings2
+});
+var name2 = "react-x/recommended-typescript";
+var rules2 = {
+  ...rules,
+  "react-x/dom/no-unknown-property": "off",
+  "react-x/no-duplicate-jsx-props": "off",
+  "react-x/use-jsx-vars": "off"
+};
+var settings2 = {
+  ...settings
+};
+
+// src/configs/recommended-type-checked.ts
+var name3 = "react-x/recommended-type-checked";
+var rules3 = {
+  ...rules2,
+  "react-x/no-leaked-conditional-rendering": "warn"
+  // "react-x/prefer-read-only-props": "warn",
+};
+var settings3 = {
+  ...settings2
+};
+
 // package.json
-var name = "eslint-plugin-react-x";
-var version = "1.26.3-next.8";
+var name4 = "eslint-plugin-react-x";
+var version = "1.27.0-beta.1";
 var createRule = createRuleForPlugin("x");
 
 // src/utils/get-associated-tokens.ts
@@ -252,7 +347,7 @@ var no_access_state_in_setstate_default = createRule({
         if (setState == null || hasThisState) {
           return;
         }
-        if (!(node.init != null && AST11.isThisExpression(node.init) && node.id.type === AST_NODE_TYPES.ObjectPattern)) {
+        if (node.init == null || !AST11.isThisExpression(node.init) || node.id.type !== AST_NODE_TYPES.ObjectPattern) {
           return;
         }
         const hasState = node.id.properties.some(
@@ -286,8 +381,8 @@ var iteratorFunctionIndexParamPosition = /* @__PURE__ */ new Map([
   ["reduceRight", 2],
   ["some", 1]
 ]);
-function isReactChildrenMethod(name2) {
-  return reactChildrenMethod.some((method) => method === name2);
+function isReactChildrenMethod(name5) {
+  return reactChildrenMethod.some((method) => method === name5);
 }
 function isUsingReactChildren(node, context) {
   const { importSource = "react" } = unsafeDecodeSettings(context.settings);
@@ -315,8 +410,8 @@ function getMapIndexParamName(node, context) {
   if (callee.property.type !== AST_NODE_TYPES.Identifier) {
     return _;
   }
-  const { name: name2 } = callee.property;
-  if (!iteratorFunctionIndexParamPosition.has(name2)) {
+  const { name: name5 } = callee.property;
+  if (!iteratorFunctionIndexParamPosition.has(name5)) {
     return _;
   }
   const callbackArg = node.arguments[isUsingReactChildren(node, context) ? 1 : 0];
@@ -327,7 +422,7 @@ function getMapIndexParamName(node, context) {
     return _;
   }
   const { params } = callbackArg;
-  const indexParamPosition = iteratorFunctionIndexParamPosition.get(name2);
+  const indexParamPosition = iteratorFunctionIndexParamPosition.get(name5);
   if (indexParamPosition == null) {
     return _;
   }
@@ -353,7 +448,7 @@ var no_array_index_key_default = createRule({
   create(context) {
     const indexParamNames = [];
     function isArrayIndex(node) {
-      return node.type === AST_NODE_TYPES.Identifier && indexParamNames.some((name2) => name2 != null && name2 === node.name);
+      return node.type === AST_NODE_TYPES.Identifier && indexParamNames.some((name5) => name5 != null && name5 === node.name);
     }
     function isCreateOrCloneElementCall(node) {
       return isCreateElementCall(node, context) || isCloneElementCall(node, context);
@@ -362,7 +457,7 @@ var no_array_index_key_default = createRule({
       switch (node.type) {
         // key={bar}
         case AST_NODE_TYPES.Identifier: {
-          if (indexParamNames.some((name2) => name2 != null && name2 === node.name)) {
+          if (indexParamNames.some((name5) => name5 != null && name5 === node.name)) {
             return [{
               messageId: "noArrayIndexKey",
               node
@@ -672,7 +767,7 @@ var no_class_component_default = createRule({
       ...listeners,
       "Program:exit"(node) {
         const components = ctx.getAllComponents(node);
-        for (const { name: name2 = "anonymous", node: component } of components.values()) {
+        for (const { name: name5 = "anonymous", node: component } of components.values()) {
           if (component.body.body.some((m) => isComponentDidCatch(m) || isGetDerivedStateFromError(m))) {
             continue;
           }
@@ -680,7 +775,7 @@ var no_class_component_default = createRule({
             messageId: "noClassComponent",
             node: component,
             data: {
-              name: name2
+              name: name5
             }
           });
         }
@@ -998,8 +1093,8 @@ var no_context_provider_default = createRule({
     }
     return {
       JSXElement(node) {
-        const [name2, ...rest] = JSX7.getElementName(node).split(".").reverse();
-        if (name2 !== "Provider") return;
+        const [name5, ...rest] = JSX7.getElementName(node).split(".").reverse();
+        if (name5 !== "Provider") return;
         const contextName = rest.reverse().join(".");
         context.report({
           messageId: "noContextProvider",
@@ -1196,12 +1291,12 @@ var no_duplicate_jsx_props_default = createRule({
           if (attr.type === AST_NODE_TYPES.JSXSpreadAttribute) {
             continue;
           }
-          const name2 = attr.name.name;
-          if (typeof name2 !== "string") {
+          const name5 = attr.name.name;
+          if (typeof name5 !== "string") {
             continue;
           }
-          if (!props.includes(name2)) {
-            props.push(name2);
+          if (!props.includes(name5)) {
+            props.push(name5);
             continue;
           }
           context.report({
@@ -1654,16 +1749,76 @@ var no_missing_component_display_name_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME29 = "no-missing-key";
+var RULE_NAME29 = "no-missing-context-display-name";
 var RULE_FEATURES29 = [
   "CHK"
 ];
+var no_missing_context_display_name_default = createRule({
+  meta: {
+    type: "problem",
+    docs: {
+      description: "require 'displayName' for contexts.",
+      [Symbol.for("rule_features")]: RULE_FEATURES29
+    },
+    messages: {
+      noMissingContextDisplayName: "Add missing 'displayName' for context."
+    },
+    schema: []
+  },
+  name: RULE_NAME29,
+  create(context) {
+    if (!context.sourceCode.text.includes("createContext")) return {};
+    const contexts = /* @__PURE__ */ new Set();
+    const displayNameAssignments = /* @__PURE__ */ new Set();
+    return {
+      CallExpression(node) {
+        if (!isCreateContextCall(node, context)) return;
+        contexts.add(node);
+      },
+      [DISPLAY_NAME_ASSIGNMENT_SELECTOR](node) {
+        displayNameAssignments.add(node);
+      },
+      "Program:exit"() {
+        for (const ctx of contexts) {
+          const id = VAR.getVariableId(ctx);
+          if (id == null) {
+            context.report({
+              messageId: "noMissingContextDisplayName",
+              node: ctx
+            });
+            continue;
+          }
+          const hasDisplayNameAssignment = [...displayNameAssignments].some((node) => {
+            const left = node.left;
+            if (left.type !== AST_NODE_TYPES.MemberExpression) return false;
+            const object = left.object;
+            return VAR.isVariableIdEqual(id, object, [
+              context.sourceCode.getScope(id),
+              context.sourceCode.getScope(object)
+            ]);
+          });
+          if (!hasDisplayNameAssignment) {
+            context.report({
+              messageId: "noMissingContextDisplayName",
+              node: ctx
+            });
+          }
+        }
+      }
+    };
+  },
+  defaultOptions: []
+});
+var RULE_NAME30 = "no-missing-key";
+var RULE_FEATURES30 = [
+  "CHK"
+];
 var no_missing_key_default = createRule({
   meta: {
     type: "problem",
     docs: {
       description: "require 'key' when rendering list",
-      [Symbol.for("rule_features")]: RULE_FEATURES29
+      [Symbol.for("rule_features")]: RULE_FEATURES30
     },
     messages: {
       missingKey: "Missing 'key' for element when rendering list.",
@@ -1671,7 +1826,7 @@ var no_missing_key_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME29,
+  name: RULE_NAME30,
   create(context) {
     const state = { isWithinChildrenToArray: false };
     function checkIteratorElement(node) {
@@ -1795,8 +1950,8 @@ var no_missing_key_default = createRule({
 function isArrayFromCall(node) {
   return node.type === AST_NODE_TYPES.CallExpression && node.callee.type === AST_NODE_TYPES.MemberExpression && node.callee.property.type === AST_NODE_TYPES.Identifier && node.callee.property.name === "from";
 }
-var RULE_NAME30 = "no-nested-components";
-var RULE_FEATURES30 = [
+var RULE_NAME31 = "no-nested-components";
+var RULE_FEATURES31 = [
   "CHK"
 ];
 var no_nested_components_default = createRule({
@@ -1804,7 +1959,7 @@ var no_nested_components_default = createRule({
     type: "problem",
     docs: {
       description: "disallow using unstable nested components",
-      [Symbol.for("rule_features")]: RULE_FEATURES30
+      [Symbol.for("rule_features")]: RULE_FEATURES31
     },
     messages: {
       nestedComponent: "Do not nest components inside other components. Move it to the top level.",
@@ -1812,7 +1967,7 @@ var no_nested_components_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME30,
+  name: RULE_NAME31,
   create(context) {
     const hint = ERComponentHint.SkipMapCallback | ERComponentHint.SkipNullLiteral | ERComponentHint.SkipUndefined | ERComponentHint.SkipBooleanLiteral | ERComponentHint.SkipStringLiteral | ERComponentHint.SkipNumberLiteral | ERComponentHint.StrictLogical | ERComponentHint.StrictConditional;
     const collector = useComponentCollector(context, hint);
@@ -1833,11 +1988,11 @@ var no_nested_components_default = createRule({
         const isClassComponent11 = (node2) => {
           return AST11.isClass(node2) && classComponents.some((component) => component.node === node2);
         };
-        for (const { name: name2, node: component } of functionComponents) {
+        for (const { name: name5, node: component } of functionComponents) {
           if (isDirectValueOfRenderPropertyLoose(component)) {
             continue;
           }
-          if (name2 === _) {
+          if (name5 === _) {
             continue;
           }
           const isInsideProperty = component.parent.type === AST_NODE_TYPES.Property;
@@ -1848,7 +2003,7 @@ var no_nested_components_default = createRule({
                 messageId: "nestedComponentInProps",
                 node: component,
                 data: {
-                  name: name2
+                  name: name5
                 }
               });
             }
@@ -1859,19 +2014,19 @@ var no_nested_components_default = createRule({
               messageId: "nestedComponentInProps",
               node: component,
               data: {
-                name: name2
+                name: name5
               }
             });
             continue;
           }
           const parentComponent = AST11.findParentNode(component, isFunctionComponent);
-          const isParnetComponentNotDirectValueOfRenderProperty = parentComponent != null && !isDirectValueOfRenderPropertyLoose(parentComponent);
-          if (isParnetComponentNotDirectValueOfRenderProperty) {
+          const isParentComponentNotDirectValueOfRenderProperty = parentComponent != null && !isDirectValueOfRenderPropertyLoose(parentComponent);
+          if (isParentComponentNotDirectValueOfRenderProperty) {
             context.report({
               messageId: isInsideProperty ? "nestedComponentInProps" : "nestedComponent",
               node: component,
               data: {
-                name: name2
+                name: name5
               }
             });
             continue;
@@ -1881,12 +2036,12 @@ var no_nested_components_default = createRule({
               messageId: "nestedComponent",
               node: component,
               data: {
-                name: name2
+                name: name5
               }
             });
           }
         }
-        for (const { name: name2 = "unknown", node: component } of classComponents) {
+        for (const { name: name5 = "unknown", node: component } of classComponents) {
           if (AST11.findParentNode(component, (n) => isClassComponent11(n) || isFunctionComponent(n)) == null) {
             continue;
           }
@@ -1894,7 +2049,7 @@ var no_nested_components_default = createRule({
             messageId: "nestedComponent",
             node: component,
             data: {
-              name: name2
+              name: name5
             }
           });
         }
@@ -1903,8 +2058,8 @@ var no_nested_components_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME31 = "no-prop-types";
-var RULE_FEATURES31 = [
+var RULE_NAME32 = "no-prop-types";
+var RULE_FEATURES32 = [
   "CHK"
 ];
 var no_prop_types_default = createRule({
@@ -1912,14 +2067,14 @@ var no_prop_types_default = createRule({
     type: "problem",
     docs: {
       description: "disallow using 'propTypes' property in components",
-      [Symbol.for("rule_features")]: RULE_FEATURES31
+      [Symbol.for("rule_features")]: RULE_FEATURES32
     },
     messages: {
       noPropTypes: "[Deprecated] Use TypeScript or another type-checking solution instead."
     },
     schema: []
   },
-  name: RULE_NAME31,
+  name: RULE_NAME32,
   create(context) {
     if (!context.sourceCode.text.includes("propTypes")) {
       return {};
@@ -1958,8 +2113,8 @@ var no_prop_types_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME32 = "no-redundant-should-component-update";
-var RULE_FEATURES32 = [
+var RULE_NAME33 = "no-redundant-should-component-update";
+var RULE_FEATURES33 = [
   "CHK"
 ];
 function isShouldComponentUpdate(node) {
@@ -1970,14 +2125,14 @@ var no_redundant_should_component_update_default = createRule({
     type: "problem",
     docs: {
       description: "disallow using 'shouldComponentUpdate' in class component extends 'React.PureComponent'",
-      [Symbol.for("rule_features")]: RULE_FEATURES32
+      [Symbol.for("rule_features")]: RULE_FEATURES33
     },
     messages: {
       noRedundantShouldComponentUpdate: "'{{componentName}}' does not need 'shouldComponentUpdate' when extending 'React.PureComponent'."
     },
     schema: []
   },
-  name: RULE_NAME32,
+  name: RULE_NAME33,
   create(context) {
     if (!context.sourceCode.text.includes("shouldComponentUpdate")) {
       return {};
@@ -1987,7 +2142,7 @@ var no_redundant_should_component_update_default = createRule({
       ...listeners,
       "Program:exit"(node) {
         const components = ctx.getAllComponents(node);
-        for (const { name: name2 = "PureComponent", node: component, flag } of components.values()) {
+        for (const { name: name5 = "PureComponent", node: component, flag } of components.values()) {
           if ((flag & ERComponentFlag.PureComponent) === 0n) {
             continue;
           }
@@ -1998,7 +2153,7 @@ var no_redundant_should_component_update_default = createRule({
                 messageId: "noRedundantShouldComponentUpdate",
                 node: member,
                 data: {
-                  componentName: name2
+                  componentName: name5
                 }
               });
             }
@@ -2009,8 +2164,8 @@ var no_redundant_should_component_update_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME33 = "no-set-state-in-component-did-mount";
-var RULE_FEATURES33 = [
+var RULE_NAME34 = "no-set-state-in-component-did-mount";
+var RULE_FEATURES34 = [
   "CHK"
 ];
 function isComponentDidMount(node) {
@@ -2021,14 +2176,14 @@ var no_set_state_in_component_did_mount_default = createRule({
     type: "problem",
     docs: {
       description: "disallow using 'setState' in 'componentDidMount'",
-      [Symbol.for("rule_features")]: RULE_FEATURES33
+      [Symbol.for("rule_features")]: RULE_FEATURES34
     },
     messages: {
       noSetStateInComponentDidMount: "Do not call `this.setState` in `componentDidMount` outside of functions, such as callbacks."
     },
     schema: []
   },
-  name: RULE_NAME33,
+  name: RULE_NAME34,
   create(context) {
     if (!context.sourceCode.text.includes("componentDidMount")) {
       return {};
@@ -2054,8 +2209,8 @@ var no_set_state_in_component_did_mount_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME34 = "no-set-state-in-component-did-update";
-var RULE_FEATURES34 = [
+var RULE_NAME35 = "no-set-state-in-component-did-update";
+var RULE_FEATURES35 = [
   "CHK"
 ];
 function isComponentDidUpdate(node) {
@@ -2066,14 +2221,14 @@ var no_set_state_in_component_did_update_default = createRule({
     type: "problem",
     docs: {
       description: "disallow using 'setState' in 'componentDidUpdate'",
-      [Symbol.for("rule_features")]: RULE_FEATURES34
+      [Symbol.for("rule_features")]: RULE_FEATURES35
     },
     messages: {
       noSetStateInComponentDidUpdate: "Do not call `this.setState` in `componentDidUpdate` outside of functions, such as callbacks."
     },
     schema: []
   },
-  name: RULE_NAME34,
+  name: RULE_NAME35,
   create(context) {
     if (!context.sourceCode.text.includes("componentDidUpdate")) {
       return {};
@@ -2099,8 +2254,8 @@ var no_set_state_in_component_did_update_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME35 = "no-set-state-in-component-will-update";
-var RULE_FEATURES35 = [
+var RULE_NAME36 = "no-set-state-in-component-will-update";
+var RULE_FEATURES36 = [
   "CHK"
 ];
 function isComponentWillUpdate3(node) {
@@ -2111,14 +2266,14 @@ var no_set_state_in_component_will_update_default = createRule({
     type: "problem",
     docs: {
       description: "disallow using 'setState' in 'componentWillUpdate'",
-      [Symbol.for("rule_features")]: RULE_FEATURES35
+      [Symbol.for("rule_features")]: RULE_FEATURES36
     },
     messages: {
       noSetStateInComponentWillUpdate: "Do not call `this.setState` in `componentWillUpdate` outside of functions, such as callbacks."
     },
     schema: []
   },
-  name: RULE_NAME35,
+  name: RULE_NAME36,
   create(context) {
     if (!context.sourceCode.text.includes("componentWillUpdate")) {
       return {};
@@ -2144,8 +2299,8 @@ var no_set_state_in_component_will_update_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME36 = "no-string-refs";
-var RULE_FEATURES36 = [
+var RULE_NAME37 = "no-string-refs";
+var RULE_FEATURES37 = [
   "CHK"
 ];
 function containsStringLiteral({ value }) {
@@ -2165,14 +2320,14 @@ var no_string_refs_default = createRule({
     type: "problem",
     docs: {
       description: "disallow using deprecated string refs",
-      [Symbol.for("rule_features")]: RULE_FEATURES36
+      [Symbol.for("rule_features")]: RULE_FEATURES37
     },
     messages: {
       noStringRefs: "[Deprecated] Use callback refs instead."
     },
     schema: []
   },
-  name: RULE_NAME36,
+  name: RULE_NAME37,
   create(context) {
     return {
       JSXAttribute(node) {
@@ -2190,8 +2345,8 @@ var no_string_refs_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME37 = "no-unsafe-component-will-mount";
-var RULE_FEATURES37 = [
+var RULE_NAME38 = "no-unsafe-component-will-mount";
+var RULE_FEATURES38 = [
   "CHK"
 ];
 function isUnsafeComponentWillMount(node) {
@@ -2202,14 +2357,14 @@ var no_unsafe_component_will_mount_default = createRule({
     type: "problem",
     docs: {
       description: "disallow using 'UNSAFE_componentWillMount'",
-      [Symbol.for("rule_features")]: RULE_FEATURES37
+      [Symbol.for("rule_features")]: RULE_FEATURES38
     },
     messages: {
       noUnsafeComponentWillMount: "Do not use 'UNSAFE_componentWillMount'."
     },
     schema: []
   },
-  name: RULE_NAME37,
+  name: RULE_NAME38,
   create(context) {
     if (!context.sourceCode.text.includes("UNSAFE_componentWillMount")) {
       return {};
@@ -2235,8 +2390,8 @@ var no_unsafe_component_will_mount_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME38 = "no-unsafe-component-will-receive-props";
-var RULE_FEATURES38 = [
+var RULE_NAME39 = "no-unsafe-component-will-receive-props";
+var RULE_FEATURES39 = [
   "CHK"
 ];
 function isUnsafeComponentWillReceiveProps(node) {
@@ -2247,14 +2402,14 @@ var no_unsafe_component_will_receive_props_default = createRule({
     type: "problem",
     docs: {
       description: "disallow using 'UNSAFE_componentWillReceiveProps'",
-      [Symbol.for("rule_features")]: RULE_FEATURES38
+      [Symbol.for("rule_features")]: RULE_FEATURES39
     },
     messages: {
       noUnsafeComponentWillReceiveProps: "Do not use 'UNSAFE_componentWillReceiveProps'."
     },
     schema: []
   },
-  name: RULE_NAME38,
+  name: RULE_NAME39,
   create(context) {
     if (!context.sourceCode.text.includes("UNSAFE_componentWillReceiveProps")) {
       return {};
@@ -2280,8 +2435,8 @@ var no_unsafe_component_will_receive_props_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME39 = "no-unsafe-component-will-update";
-var RULE_FEATURES39 = [
+var RULE_NAME40 = "no-unsafe-component-will-update";
+var RULE_FEATURES40 = [
   "CHK"
 ];
 function isUnsafeComponentWillUpdate(node) {
@@ -2292,14 +2447,14 @@ var no_unsafe_component_will_update_default = createRule({
     type: "problem",
     docs: {
       description: "disallow using 'UNSAFE_componentWillUpdate'",
-      [Symbol.for("rule_features")]: RULE_FEATURES39
+      [Symbol.for("rule_features")]: RULE_FEATURES40
     },
     messages: {
       noUnsafeComponentWillUpdate: "Do not use 'UNSAFE_componentWillUpdate'."
     },
     schema: []
   },
-  name: RULE_NAME39,
+  name: RULE_NAME40,
   create(context) {
     if (!context.sourceCode.text.includes("UNSAFE_componentWillUpdate")) {
       return {};
@@ -2325,8 +2480,8 @@ var no_unsafe_component_will_update_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME40 = "no-unstable-context-value";
-var RULE_FEATURES40 = [
+var RULE_NAME41 = "no-unstable-context-value";
+var RULE_FEATURES41 = [
   "CHK"
 ];
 var no_unstable_context_value_default = createRule({
@@ -2334,14 +2489,14 @@ var no_unstable_context_value_default = createRule({
     type: "problem",
     docs: {
       description: "disallow passing constructed values to context providers",
-      [Symbol.for("rule_features")]: RULE_FEATURES40
+      [Symbol.for("rule_features")]: RULE_FEATURES41
     },
     messages: {
       unstableContextValue: "A/an '{{type}}' passed as the value prop to the context provider should not be constructed. It will change on every render. {{suggestion}}"
     },
     schema: []
   },
-  name: RULE_NAME40,
+  name: RULE_NAME41,
   create(context) {
     const { ctx, listeners } = useComponentCollector(context);
     const constructions = /* @__PURE__ */ new Map();
@@ -2393,8 +2548,8 @@ var no_unstable_context_value_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME41 = "no-unstable-default-props";
-var RULE_FEATURES41 = [
+var RULE_NAME42 = "no-unstable-default-props";
+var RULE_FEATURES42 = [
   "CHK"
 ];
 var no_unstable_default_props_default = createRule({
@@ -2402,14 +2557,14 @@ var no_unstable_default_props_default = createRule({
     type: "problem",
     docs: {
       description: "disallow using unstable value as default param in function component",
-      [Symbol.for("rule_features")]: RULE_FEATURES41
+      [Symbol.for("rule_features")]: RULE_FEATURES42
     },
     messages: {
       noUnstableDefaultProps: "A/an '{{forbiddenType}}' as default prop. This could lead to potential infinite render loop in React. Use a variable instead of '{{forbiddenType}}'."
     },
     schema: []
   },
-  name: RULE_NAME41,
+  name: RULE_NAME42,
   create(context) {
     const { ctx, listeners } = useComponentCollector(context);
     const declarators = /* @__PURE__ */ new Map();
@@ -2423,8 +2578,8 @@ var no_unstable_default_props_default = createRule({
           if (props == null) {
             continue;
           }
-          const properties = match(props).with({ type: AST_NODE_TYPES.ObjectPattern }, ({ properties: properties2 }) => properties2).with({ type: AST_NODE_TYPES.Identifier }, ({ name: name2 }) => {
-            return declarators.get(component)?.filter((d) => d.init.name === name2).flatMap((d) => d.id.properties) ?? [];
+          const properties = match(props).with({ type: AST_NODE_TYPES.ObjectPattern }, ({ properties: properties2 }) => properties2).with({ type: AST_NODE_TYPES.Identifier }, ({ name: name5 }) => {
+            return declarators.get(component)?.filter((d) => d.init.name === name5).flatMap((d) => d.id.properties) ?? [];
           }).otherwise(() => []);
           for (const prop of properties) {
             if (prop.type !== AST_NODE_TYPES.Property || prop.value.type !== AST_NODE_TYPES.AssignmentPattern) {
@@ -2468,8 +2623,8 @@ var no_unstable_default_props_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME42 = "no-unused-class-component-members";
-var RULE_FEATURES42 = [
+var RULE_NAME43 = "no-unused-class-component-members";
+var RULE_FEATURES43 = [
   "CHK"
 ];
 var LIFECYCLE_METHODS = /* @__PURE__ */ new Set([
@@ -2509,14 +2664,14 @@ var no_unused_class_component_members_default = createRule({
     type: "problem",
     docs: {
       description: "disallow unused class component members",
-      [Symbol.for("rule_features")]: RULE_FEATURES42
+      [Symbol.for("rule_features")]: RULE_FEATURES43
     },
     messages: {
       noUnusedClassComponentMembers: "Unused method or property '{{methodName}}'' of class '{{className}}'."
     },
     schema: []
   },
-  name: RULE_NAME42,
+  name: RULE_NAME43,
   create(context) {
     const classEntries = [];
     const methodEntries = [];
@@ -2629,8 +2784,8 @@ var no_unused_class_component_members_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME43 = "no-unused-state";
-var RULE_FEATURES43 = [
+var RULE_NAME44 = "no-unused-state";
+var RULE_FEATURES44 = [
   "CHK"
 ];
 function getName4(node) {
@@ -2657,14 +2812,14 @@ var no_unused_state_default = createRule({
     type: "problem",
     docs: {
       description: "disallow unused state of class component",
-      [Symbol.for("rule_features")]: RULE_FEATURES43
+      [Symbol.for("rule_features")]: RULE_FEATURES44
     },
     messages: {
       noUnusedState: "Unused class component state in '{{className}}'"
     },
     schema: []
   },
-  name: RULE_NAME43,
+  name: RULE_NAME44,
   create(context) {
     const classEntries = [];
     const methodEntries = [];
@@ -2782,7 +2937,7 @@ var no_unused_state_default = createRule({
         if (!currentClass.body.body.includes(currentMethod)) {
           return;
         }
-        if (!(node.init != null && AST11.isThisExpression(node.init) && node.id.type === AST_NODE_TYPES.ObjectPattern)) {
+        if (node.init == null || !AST11.isThisExpression(node.init) || node.id.type !== AST_NODE_TYPES.ObjectPattern) {
           return;
         }
         const hasState = node.id.properties.some((prop) => {
@@ -2801,8 +2956,8 @@ var no_unused_state_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME44 = "no-use-context";
-var RULE_FEATURES44 = [
+var RULE_NAME45 = "no-use-context";
+var RULE_FEATURES45 = [
   "CHK",
   "MOD"
 ];
@@ -2811,7 +2966,7 @@ var no_use_context_default = createRule({
     type: "problem",
     docs: {
       description: "disallow the use of 'useContext'",
-      [Symbol.for("rule_features")]: RULE_FEATURES44
+      [Symbol.for("rule_features")]: RULE_FEATURES45
     },
     fixable: "code",
     messages: {
@@ -2819,12 +2974,12 @@ var no_use_context_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME44,
+  name: RULE_NAME45,
   create(context) {
     if (!context.sourceCode.text.includes("useContext")) return {};
-    const settings = getSettingsFromContext(context);
+    const settings4 = getSettingsFromContext(context);
     const useContextAlias = /* @__PURE__ */ new Set();
-    if (compare(settings.version, "19.0.0", "<")) {
+    if (compare(settings4.version, "19.0.0", "<")) {
       return {};
     }
     return {
@@ -2850,7 +3005,7 @@ var no_use_context_default = createRule({
         });
       },
       ImportDeclaration(node) {
-        if (node.source.value !== settings.importSource) {
+        if (node.source.value !== settings4.importSource) {
           return;
         }
         const isUseImported = node.specifiers.some(isMatching({ local: { type: AST_NODE_TYPES.Identifier, name: "use" } }));
@@ -2886,7 +3041,7 @@ var no_use_context_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME45 = "no-useless-fragment";
+var RULE_NAME46 = "no-useless-fragment";
 var defaultOptions = [{
   allowExpressions: true
 }];
@@ -2899,7 +3054,7 @@ function trimLikeReact(text) {
 }
 function checkAndReport(node, context, allowExpressions) {
   function fix(fixer) {
-    if (!(node.parent.type === AST_NODE_TYPES.JSXElement || node.parent.type === AST_NODE_TYPES.JSXFragment)) {
+    if (node.parent.type !== AST_NODE_TYPES.JSXElement && node.parent.type !== AST_NODE_TYPES.JSXFragment) {
       if (node.children.length === 0) {
         return null;
       }
@@ -3012,7 +3167,7 @@ var no_useless_fragment_default = createRule({
       }
     }]
   },
-  name: RULE_NAME45,
+  name: RULE_NAME46,
   create(context, [option]) {
     const { allowExpressions = true } = option;
     return {
@@ -3027,8 +3182,8 @@ var no_useless_fragment_default = createRule({
   },
   defaultOptions
 });
-var RULE_NAME46 = "prefer-destructuring-assignment";
-var RULE_FEATURES45 = [
+var RULE_NAME47 = "prefer-destructuring-assignment";
+var RULE_FEATURES46 = [
   "CHK"
 ];
 function isMemberExpressionWithObjectName(node) {
@@ -3039,14 +3194,14 @@ var prefer_destructuring_assignment_default = createRule({
     type: "problem",
     docs: {
       description: "enforce using destructuring assignment in component props and context",
-      [Symbol.for("rule_features")]: RULE_FEATURES45
+      [Symbol.for("rule_features")]: RULE_FEATURES46
     },
     messages: {
       preferDestructuringAssignment: "Use destructuring assignment for {{name}}."
     },
     schema: []
   },
-  name: RULE_NAME46,
+  name: RULE_NAME47,
   create(context) {
     const { ctx, listeners } = useComponentCollector(context);
     const memberExpressionWithNames = [];
@@ -3109,8 +3264,8 @@ var prefer_destructuring_assignment_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME47 = "prefer-react-namespace-import";
-var RULE_FEATURES46 = [
+var RULE_NAME48 = "prefer-react-namespace-import";
+var RULE_FEATURES47 = [
   "CHK",
   "FIX"
 ];
@@ -3119,7 +3274,7 @@ var prefer_react_namespace_import_default = createRule({
     type: "problem",
     docs: {
       description: "enforce React is imported via a namespace import",
-      [Symbol.for("rule_features")]: RULE_FEATURES46
+      [Symbol.for("rule_features")]: RULE_FEATURES47
     },
     fixable: "code",
     messages: {
@@ -3127,7 +3282,7 @@ var prefer_react_namespace_import_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME47,
+  name: RULE_NAME48,
   create(context) {
     const { importSource } = getSettingsFromContext(context);
     return {
@@ -3163,8 +3318,8 @@ ${importStringPrefix} ${specifiers} from ${importSourceQuoted}${semiColon}`
   },
   defaultOptions: []
 });
-var RULE_NAME48 = "prefer-read-only-props";
-var RULE_FEATURES47 = [
+var RULE_NAME49 = "prefer-read-only-props";
+var RULE_FEATURES48 = [
   "CHK",
   "TSC"
 ];
@@ -3181,14 +3336,14 @@ var prefer_read_only_props_default = createRule({
     type: "problem",
     docs: {
       description: "enforce read-only props in components",
-      [Symbol.for("rule_features")]: RULE_FEATURES47
+      [Symbol.for("rule_features")]: RULE_FEATURES48
     },
     messages: {
       preferReadOnlyProps: "A function component's props should be read-only."
     },
     schema: []
   },
-  name: RULE_NAME48,
+  name: RULE_NAME49,
   create(context) {
     const services = ESLintUtils.getParserServices(context, false);
     const { ctx, listeners } = useComponentCollector(context);
@@ -3212,8 +3367,8 @@ var prefer_read_only_props_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME49 = "prefer-shorthand-boolean";
-var RULE_FEATURES48 = [
+var RULE_NAME50 = "prefer-shorthand-boolean";
+var RULE_FEATURES49 = [
   "CHK",
   "FIX"
 ];
@@ -3222,7 +3377,7 @@ var prefer_shorthand_boolean_default = createRule({
     type: "problem",
     docs: {
       description: "enforce using shorthand boolean attributes",
-      [Symbol.for("rule_features")]: RULE_FEATURES48
+      [Symbol.for("rule_features")]: RULE_FEATURES49
     },
     fixable: "code",
     messages: {
@@ -3230,7 +3385,7 @@ var prefer_shorthand_boolean_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME49,
+  name: RULE_NAME50,
   create(context) {
     return {
       JSXAttribute(node) {
@@ -3253,8 +3408,8 @@ var prefer_shorthand_boolean_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME50 = "prefer-shorthand-fragment";
-var RULE_FEATURES49 = [
+var RULE_NAME51 = "prefer-shorthand-fragment";
+var RULE_FEATURES50 = [
   "CHK",
   "FIX"
 ];
@@ -3263,7 +3418,7 @@ var prefer_shorthand_fragment_default = createRule({
     type: "problem",
     docs: {
       description: "enforce using fragment syntax instead of 'Fragment' component",
-      [Symbol.for("rule_features")]: RULE_FEATURES49
+      [Symbol.for("rule_features")]: RULE_FEATURES50
     },
     fixable: "code",
     messages: {
@@ -3271,7 +3426,7 @@ var prefer_shorthand_fragment_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME50,
+  name: RULE_NAME51,
   create(context) {
     return {
       JSXElement(node) {
@@ -3299,21 +3454,21 @@ var prefer_shorthand_fragment_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME51 = "use-jsx-vars";
-var RULE_FEATURES50 = [];
+var RULE_NAME52 = "use-jsx-vars";
+var RULE_FEATURES51 = [];
 var use_jsx_vars_default = createRule({
   meta: {
     type: "problem",
     docs: {
-      description: "helpes `eslint/no-unused-vars` to correctly mark JSX variables as used.",
-      [Symbol.for("rule_features")]: RULE_FEATURES50
+      description: "marks variables used in JSX as used",
+      [Symbol.for("rule_features")]: RULE_FEATURES51
     },
     messages: {
       useJsxVars: ""
     },
     schema: []
   },
-  name: RULE_NAME51,
+  name: RULE_NAME52,
   create(context) {
     return {
       JSXOpeningElement(node) {
@@ -3339,10 +3494,10 @@ var use_jsx_vars_default = createRule({
   defaultOptions: []
 });
 
-// src/index.ts
-var index_default = {
+// src/plugin.ts
+var plugin = {
   meta: {
-    name,
+    name: name4,
     version
   },
   rules: {
@@ -3374,6 +3529,7 @@ var index_default = {
     "no-implicit-key": no_implicit_key_default,
     "no-leaked-conditional-rendering": no_leaked_conditional_rendering_default,
     "no-missing-component-display-name": no_missing_component_display_name_default,
+    "no-missing-context-display-name": no_missing_context_display_name_default,
     "no-missing-key": no_missing_key_default,
     "no-nested-components": no_nested_components_default,
     "no-prop-types": no_prop_types_default,
@@ -3407,4 +3563,31 @@ var index_default = {
   }
 };
 
+// src/index.ts
+function makeConfig(config) {
+  return {
+    ...config,
+    plugins: {
+      "react-x": plugin
+    }
+  };
+}
+function makeLegacyConfig({ rules: rules4 }) {
+  return {
+    plugins: ["react-x"],
+    rules: rules4
+  };
+}
+var index_default = {
+  ...plugin,
+  configs: {
+    ["recommended"]: makeConfig(recommended_exports),
+    ["recommended-legacy"]: makeLegacyConfig(recommended_exports),
+    ["recommended-type-checked"]: makeConfig(recommended_type_checked_exports),
+    ["recommended-type-checked-legacy"]: makeLegacyConfig(recommended_type_checked_exports),
+    ["recommended-typescript"]: makeConfig(recommended_typescript_exports),
+    ["recommended-typescript-legacy"]: makeLegacyConfig(recommended_typescript_exports)
+  }
+};
+
 export { index_default as default };