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

package/dist/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var JSX7 = require('@eslint-react/jsx');
 var shared = require('@eslint-react/shared');
+var JSX7 = require('@eslint-react/jsx');
 var AST11 = require('@eslint-react/ast');
 var core = require('@eslint-react/core');
 var eff = require('@eslint-react/eff');
@@ -40,9 +40,104 @@ var AST11__namespace = /*#__PURE__*/_interopNamespace(AST11);
 var VAR__namespace = /*#__PURE__*/_interopNamespace(VAR);
 var ts__default = /*#__PURE__*/_interopDefault(ts);
 
+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": shared.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.9";
+var name4 = "eslint-plugin-react-x";
+var version = "1.27.0-beta.1";
 var createRule = shared.createRuleForPlugin("x");
 
 // src/utils/get-associated-tokens.ts
@@ -279,7 +374,7 @@ var no_access_state_in_setstate_default = createRule({
         if (setState == null || hasThisState) {
           return;
         }
-        if (!(node.init != null && AST11__namespace.isThisExpression(node.init) && node.id.type === types.AST_NODE_TYPES.ObjectPattern)) {
+        if (node.init == null || !AST11__namespace.isThisExpression(node.init) || node.id.type !== types.AST_NODE_TYPES.ObjectPattern) {
           return;
         }
         const hasState = node.id.properties.some(
@@ -313,8 +408,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" } = shared.unsafeDecodeSettings(context.settings);
@@ -342,8 +437,8 @@ function getMapIndexParamName(node, context) {
   if (callee.property.type !== types.AST_NODE_TYPES.Identifier) {
     return eff._;
   }
-  const { name: name2 } = callee.property;
-  if (!iteratorFunctionIndexParamPosition.has(name2)) {
+  const { name: name5 } = callee.property;
+  if (!iteratorFunctionIndexParamPosition.has(name5)) {
     return eff._;
   }
   const callbackArg = node.arguments[isUsingReactChildren(node, context) ? 1 : 0];
@@ -354,7 +449,7 @@ function getMapIndexParamName(node, context) {
     return eff._;
   }
   const { params } = callbackArg;
-  const indexParamPosition = iteratorFunctionIndexParamPosition.get(name2);
+  const indexParamPosition = iteratorFunctionIndexParamPosition.get(name5);
   if (indexParamPosition == null) {
     return eff._;
   }
@@ -380,7 +475,7 @@ var no_array_index_key_default = createRule({
   create(context) {
     const indexParamNames = [];
     function isArrayIndex(node) {
-      return node.type === types.AST_NODE_TYPES.Identifier && indexParamNames.some((name2) => name2 != null && name2 === node.name);
+      return node.type === types.AST_NODE_TYPES.Identifier && indexParamNames.some((name5) => name5 != null && name5 === node.name);
     }
     function isCreateOrCloneElementCall(node) {
       return core.isCreateElementCall(node, context) || core.isCloneElementCall(node, context);
@@ -389,7 +484,7 @@ var no_array_index_key_default = createRule({
       switch (node.type) {
         // key={bar}
         case types.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
@@ -699,7 +794,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) => core.isComponentDidCatch(m) || core.isGetDerivedStateFromError(m))) {
             continue;
           }
@@ -707,7 +802,7 @@ var no_class_component_default = createRule({
             messageId: "noClassComponent",
             node: component,
             data: {
-              name: name2
+              name: name5
             }
           });
         }
@@ -1025,8 +1120,8 @@ var no_context_provider_default = createRule({
     }
     return {
       JSXElement(node) {
-        const [name2, ...rest] = JSX7__namespace.getElementName(node).split(".").reverse();
-        if (name2 !== "Provider") return;
+        const [name5, ...rest] = JSX7__namespace.getElementName(node).split(".").reverse();
+        if (name5 !== "Provider") return;
         const contextName = rest.reverse().join(".");
         context.report({
           messageId: "noContextProvider",
@@ -1223,12 +1318,12 @@ var no_duplicate_jsx_props_default = createRule({
           if (attr.type === types.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({
@@ -1681,16 +1776,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 (!core.isCreateContextCall(node, context)) return;
+        contexts.add(node);
+      },
+      [core.DISPLAY_NAME_ASSIGNMENT_SELECTOR](node) {
+        displayNameAssignments.add(node);
+      },
+      "Program:exit"() {
+        for (const ctx of contexts) {
+          const id = VAR__namespace.getVariableId(ctx);
+          if (id == null) {
+            context.report({
+              messageId: "noMissingContextDisplayName",
+              node: ctx
+            });
+            continue;
+          }
+          const hasDisplayNameAssignment = [...displayNameAssignments].some((node) => {
+            const left = node.left;
+            if (left.type !== types.AST_NODE_TYPES.MemberExpression) return false;
+            const object = left.object;
+            return VAR__namespace.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.",
@@ -1698,7 +1853,7 @@ var no_missing_key_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME29,
+  name: RULE_NAME30,
   create(context) {
     const state = { isWithinChildrenToArray: false };
     function checkIteratorElement(node) {
@@ -1822,8 +1977,8 @@ var no_missing_key_default = createRule({
 function isArrayFromCall(node) {
   return node.type === types.AST_NODE_TYPES.CallExpression && node.callee.type === types.AST_NODE_TYPES.MemberExpression && node.callee.property.type === types.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({
@@ -1831,7 +1986,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.",
@@ -1839,7 +1994,7 @@ var no_nested_components_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME30,
+  name: RULE_NAME31,
   create(context) {
     const hint = core.ERComponentHint.SkipMapCallback | core.ERComponentHint.SkipNullLiteral | core.ERComponentHint.SkipUndefined | core.ERComponentHint.SkipBooleanLiteral | core.ERComponentHint.SkipStringLiteral | core.ERComponentHint.SkipNumberLiteral | core.ERComponentHint.StrictLogical | core.ERComponentHint.StrictConditional;
     const collector = core.useComponentCollector(context, hint);
@@ -1860,11 +2015,11 @@ var no_nested_components_default = createRule({
         const isClassComponent11 = (node2) => {
           return AST11__namespace.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 (core.isDirectValueOfRenderPropertyLoose(component)) {
             continue;
           }
-          if (name2 === eff._) {
+          if (name5 === eff._) {
             continue;
           }
           const isInsideProperty = component.parent.type === types.AST_NODE_TYPES.Property;
@@ -1875,7 +2030,7 @@ var no_nested_components_default = createRule({
                 messageId: "nestedComponentInProps",
                 node: component,
                 data: {
-                  name: name2
+                  name: name5
                 }
               });
             }
@@ -1886,19 +2041,19 @@ var no_nested_components_default = createRule({
               messageId: "nestedComponentInProps",
               node: component,
               data: {
-                name: name2
+                name: name5
               }
             });
             continue;
           }
           const parentComponent = AST11__namespace.findParentNode(component, isFunctionComponent);
-          const isParnetComponentNotDirectValueOfRenderProperty = parentComponent != null && !core.isDirectValueOfRenderPropertyLoose(parentComponent);
-          if (isParnetComponentNotDirectValueOfRenderProperty) {
+          const isParentComponentNotDirectValueOfRenderProperty = parentComponent != null && !core.isDirectValueOfRenderPropertyLoose(parentComponent);
+          if (isParentComponentNotDirectValueOfRenderProperty) {
             context.report({
               messageId: isInsideProperty ? "nestedComponentInProps" : "nestedComponent",
               node: component,
               data: {
-                name: name2
+                name: name5
               }
             });
             continue;
@@ -1908,12 +2063,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__namespace.findParentNode(component, (n) => isClassComponent11(n) || isFunctionComponent(n)) == null) {
             continue;
           }
@@ -1921,7 +2076,7 @@ var no_nested_components_default = createRule({
             messageId: "nestedComponent",
             node: component,
             data: {
-              name: name2
+              name: name5
             }
           });
         }
@@ -1930,8 +2085,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({
@@ -1939,14 +2094,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 {};
@@ -1985,8 +2140,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) {
@@ -1997,14 +2152,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 {};
@@ -2014,7 +2169,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 & core.ERComponentFlag.PureComponent) === 0n) {
             continue;
           }
@@ -2025,7 +2180,7 @@ var no_redundant_should_component_update_default = createRule({
                 messageId: "noRedundantShouldComponentUpdate",
                 node: member,
                 data: {
-                  componentName: name2
+                  componentName: name5
                 }
               });
             }
@@ -2036,8 +2191,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) {
@@ -2048,14 +2203,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 {};
@@ -2081,8 +2236,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) {
@@ -2093,14 +2248,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 {};
@@ -2126,8 +2281,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) {
@@ -2138,14 +2293,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 {};
@@ -2171,8 +2326,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 }) {
@@ -2192,14 +2347,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) {
@@ -2217,8 +2372,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) {
@@ -2229,14 +2384,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 {};
@@ -2262,8 +2417,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) {
@@ -2274,14 +2429,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 {};
@@ -2307,8 +2462,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) {
@@ -2319,14 +2474,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 {};
@@ -2352,8 +2507,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({
@@ -2361,14 +2516,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 } = core.useComponentCollector(context);
     const constructions = /* @__PURE__ */ new Map();
@@ -2420,8 +2575,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({
@@ -2429,14 +2584,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 } = core.useComponentCollector(context);
     const declarators = /* @__PURE__ */ new Map();
@@ -2450,8 +2605,8 @@ var no_unstable_default_props_default = createRule({
           if (props == null) {
             continue;
           }
-          const properties = tsPattern.match(props).with({ type: types.AST_NODE_TYPES.ObjectPattern }, ({ properties: properties2 }) => properties2).with({ type: types.AST_NODE_TYPES.Identifier }, ({ name: name2 }) => {
-            return declarators.get(component)?.filter((d) => d.init.name === name2).flatMap((d) => d.id.properties) ?? [];
+          const properties = tsPattern.match(props).with({ type: types.AST_NODE_TYPES.ObjectPattern }, ({ properties: properties2 }) => properties2).with({ type: types.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 !== types.AST_NODE_TYPES.Property || prop.value.type !== types.AST_NODE_TYPES.AssignmentPattern) {
@@ -2495,8 +2650,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([
@@ -2536,14 +2691,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 = [];
@@ -2656,8 +2811,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) {
@@ -2684,14 +2839,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 = [];
@@ -2809,7 +2964,7 @@ var no_unused_state_default = createRule({
         if (!currentClass.body.body.includes(currentMethod)) {
           return;
         }
-        if (!(node.init != null && AST11__namespace.isThisExpression(node.init) && node.id.type === types.AST_NODE_TYPES.ObjectPattern)) {
+        if (node.init == null || !AST11__namespace.isThisExpression(node.init) || node.id.type !== types.AST_NODE_TYPES.ObjectPattern) {
           return;
         }
         const hasState = node.id.properties.some((prop) => {
@@ -2828,8 +2983,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"
 ];
@@ -2838,7 +2993,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: {
@@ -2846,12 +3001,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 = shared.getSettingsFromContext(context);
+    const settings4 = shared.getSettingsFromContext(context);
     const useContextAlias = /* @__PURE__ */ new Set();
-    if (compareVersions.compare(settings.version, "19.0.0", "<")) {
+    if (compareVersions.compare(settings4.version, "19.0.0", "<")) {
       return {};
     }
     return {
@@ -2877,7 +3032,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(tsPattern.isMatching({ local: { type: types.AST_NODE_TYPES.Identifier, name: "use" } }));
@@ -2913,7 +3068,7 @@ var no_use_context_default = createRule({
   },
   defaultOptions: []
 });
-var RULE_NAME45 = "no-useless-fragment";
+var RULE_NAME46 = "no-useless-fragment";
 var defaultOptions = [{
   allowExpressions: true
 }];
@@ -2926,7 +3081,7 @@ function trimLikeReact(text) {
 }
 function checkAndReport(node, context, allowExpressions) {
   function fix(fixer) {
-    if (!(node.parent.type === types.AST_NODE_TYPES.JSXElement || node.parent.type === types.AST_NODE_TYPES.JSXFragment)) {
+    if (node.parent.type !== types.AST_NODE_TYPES.JSXElement && node.parent.type !== types.AST_NODE_TYPES.JSXFragment) {
       if (node.children.length === 0) {
         return null;
       }
@@ -3039,7 +3194,7 @@ var no_useless_fragment_default = createRule({
       }
     }]
   },
-  name: RULE_NAME45,
+  name: RULE_NAME46,
   create(context, [option]) {
     const { allowExpressions = true } = option;
     return {
@@ -3054,8 +3209,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) {
@@ -3066,14 +3221,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 } = core.useComponentCollector(context);
     const memberExpressionWithNames = [];
@@ -3136,8 +3291,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"
 ];
@@ -3146,7 +3301,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: {
@@ -3154,7 +3309,7 @@ var prefer_react_namespace_import_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME47,
+  name: RULE_NAME48,
   create(context) {
     const { importSource } = shared.getSettingsFromContext(context);
     return {
@@ -3190,8 +3345,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"
 ];
@@ -3208,14 +3363,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 = utils.ESLintUtils.getParserServices(context, false);
     const { ctx, listeners } = core.useComponentCollector(context);
@@ -3239,8 +3394,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"
 ];
@@ -3249,7 +3404,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: {
@@ -3257,7 +3412,7 @@ var prefer_shorthand_boolean_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME49,
+  name: RULE_NAME50,
   create(context) {
     return {
       JSXAttribute(node) {
@@ -3280,8 +3435,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"
 ];
@@ -3290,7 +3445,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: {
@@ -3298,7 +3453,7 @@ var prefer_shorthand_fragment_default = createRule({
     },
     schema: []
   },
-  name: RULE_NAME50,
+  name: RULE_NAME51,
   create(context) {
     return {
       JSXElement(node) {
@@ -3326,21 +3481,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) {
@@ -3366,10 +3521,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: {
@@ -3401,6 +3556,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,
@@ -3434,4 +3590,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)
+  }
+};
+
 module.exports = index_default;