eslint-plugin-react-x 2.7.4-beta.4 → 2.7.4-beta.6

package/README.md

@@ -36,6 +36,85 @@ export default defineConfig(
 );
 ```
 
+## JSX Rules
+
+> [!NOTE]
+> The `jsx-*` rules check for issues exclusive to JSX syntax, which are absent from standard JavaScript (like handwritten `createElement()` calls).
+
+**Key Rules:**
+
+- `jsx-dollar` - Prevents unnecessary `$` symbols before `JSX` expressions
+- `jsx-key-before-spread` - Enforces `key` prop placement before spread operators
+- `jsx-no-comment-textnodes` - Prevents comments from rendering as text
+- `jsx-no-duplicate-props` - Disallows duplicate `props` in elements
+- `jsx-no-iife` - Disallows immediately-invoked function expressions in `JSX`
+- `jsx-no-undef` - Disallows undefined variables in `JSX` elements
+- `jsx-shorthand-boolean` - Enforces shorthand for boolean attributes (🔧 Fixable, ⚙️ Configurable)
+- `jsx-shorthand-fragment` - Enforces `<>` over `<React.Fragment>` (🔧 Fixable, ⚙️ Configurable)
+- `jsx-uses-react` - Marks `React` as used when `JSX` is present
+- `jsx-uses-vars` - Marks `JSX` element variables as used
+
+## Component Rules
+
+> [!NOTE]
+> Component rules enforce best practices and prevent common mistakes in `React` component definitions, covering both class and function components.
+
+**Key Rule Groups:**
+
+**Lifecycle & Deprecated APIs:**
+
+- `no-component-will-mount` - Replaces `componentWillMount` with `UNSAFE_componentWillMount` (🔄 Codemod, `React` >=16.3.0)
+- `no-component-will-receive-props` - Replaces `componentWillReceiveProps` with `UNSAFE_componentWillReceiveProps` (🔄 Codemod)
+- `no-component-will-update` - Replaces `componentWillUpdate` with `UNSAFE_componentWillUpdate` (🔄 Codemod)
+- `no-unsafe-component-will-mount` - Warns about `UNSAFE_componentWillMount` usage
+- `no-unsafe-component-will-receive-props` - Warns about `UNSAFE_componentWillReceiveProps` usage
+- `no-unsafe-component-will-update` - Warns about `UNSAFE_componentWillUpdate` usage
+
+**React 19 Migrations:**
+
+- `no-context-provider` - Replaces `<Context.Provider>` with `<Context>` (🔄 Codemod, `React` >=19.0.0)
+- `no-forward-ref` - Replaces `forwardRef` with `ref` as prop (🔄 Codemod, `React` >=19.0.0)
+- `no-use-context` - Replaces `useContext` with `use` (🔄 Codemod, `React` >=19.0.0)
+
+**Component Structure:**
+
+- `no-nested-component-definitions` - Prevents defining components inside other components
+- `no-nested-lazy-component-declarations` - Prevents lazy component declarations inside components
+- `no-class-component` - Disallows class components except error boundaries
+
+**State Management:**
+
+- `no-access-state-in-setstate` - Prevents `this.state` access inside `setState` calls
+- `no-direct-mutation-state` - Prevents direct `this.state` mutation
+- `no-set-state-in-component-did-mount` - Restricts `setState` in `componentDidMount`
+- `no-set-state-in-component-did-update` - Restricts `setState` in `componentDidUpdate`
+- `no-set-state-in-component-will-update` - Restricts `setState` in `componentWillUpdate`
+
+**Props & Keys:**
+
+- `no-missing-key` - Requires `key` prop in list renderings
+- `no-duplicate-key` - Prevents duplicate `key` values
+- `no-implicit-key` - Prevents implicit `key` spreading (🧪 Experimental)
+- `no-unnecessary-key` - Prevents `key` on non-list elements (🧪 Experimental)
+- `no-array-index-key` - Warns against using array indices as `keys`
+
+**Children API:**
+
+- `no-children-count` - Disallows `Children.count`
+- `no-children-for-each` - Disallows `Children.forEach`
+- `no-children-map` - Disallows `Children.map`
+- `no-children-only` - Disallows `Children.only`
+- `no-children-to-array` - Disallows `Children.toArray`
+- `no-children-prop` - Disallows passing `children` as prop
+
+**Performance & Optimization:**
+
+- `no-unstable-context-value` - Prevents unstable values in `Context.Provider`
+- `no-unstable-default-props` - Prevents referential values as default `props`
+- `no-unnecessary-use-callback` - Warns about unnecessary `useCallback` usage (🧪 Experimental)
+- `no-unnecessary-use-memo` - Warns about unnecessary `useMemo` usage (🧪 Experimental)
+- `prefer-use-state-lazy-initialization` - Enforces lazy initialization in `useState`
+
 ## Rules
 
 <https://eslint-react.xyz/docs/rules/overview#x-rules>

package/dist/index.d.ts

@@ -4,8 +4,8 @@ import * as _eslint_react_shared0 from "@eslint-react/shared";
 declare const _default: {
   configs: {
     /**
-             * Disable experimental rules that might be subject to change in the future
-             */
+     * Disable experimental rules that might be subject to change in the future
+     */
     "disable-experimental": {
       plugins: {};
       name?: string;
@@ -13,8 +13,8 @@ declare const _default: {
       settings?: _eslint_react_shared0.SettingsConfig;
     };
     /**
-             * Disable rules that can be enforced by TypeScript
-             */
+     * Disable rules that can be enforced by TypeScript
+     */
     "disable-type-checked": {
       plugins: {};
       name?: string;
@@ -22,8 +22,8 @@ declare const _default: {
       settings?: _eslint_react_shared0.SettingsConfig;
     };
     /**
-             * Enforce rules that are recommended by ESLint React for general purpose React + React DOM projects
-             */
+     * Enforce rules that are recommended by ESLint React for general purpose React + React DOM projects
+     */
     recommended: {
       plugins: {};
       name?: string;
@@ -31,8 +31,8 @@ declare const _default: {
       settings?: _eslint_react_shared0.SettingsConfig;
     };
     /**
-             * Same as the `recommended-typescript` preset but enables additional rules that require type information
-             */
+     * Same as the `recommended-typescript` preset but enables additional rules that require type information
+     */
     "recommended-type-checked": {
       plugins: {};
       name?: string;
@@ -40,8 +40,8 @@ declare const _default: {
       settings?: _eslint_react_shared0.SettingsConfig;
     };
     /**
-             * Same as the `recommended` preset but disables rules that can be enforced by TypeScript
-             */
+     * Same as the `recommended` preset but disables rules that can be enforced by TypeScript
+     */
     "recommended-typescript": {
       plugins: {};
       name?: string;
@@ -49,8 +49,8 @@ declare const _default: {
       settings?: _eslint_react_shared0.SettingsConfig;
     };
     /**
-             * More strict version of the `recommended` preset
-             */
+     * More strict version of the `recommended` preset
+     */
     strict: {
       plugins: {};
       name?: string;
@@ -58,8 +58,8 @@ declare const _default: {
       settings?: _eslint_react_shared0.SettingsConfig;
     };
     /**
-             * Same as the `strict-typescript` preset but enables additional rules that require type information
-             */
+     * Same as the `strict-typescript` preset but enables additional rules that require type information
+     */
     "strict-type-checked": {
       plugins: {};
       name?: string;
@@ -67,8 +67,8 @@ declare const _default: {
       settings?: _eslint_react_shared0.SettingsConfig;
     };
     /**
-             * Same as the `strict` preset but disables rules that can be enforced by TypeScript
-             */
+     * Same as the `strict` preset but disables rules that can be enforced by TypeScript
+     */
     "strict-typescript": {
       plugins: {};
       name?: string;

package/dist/index.js

@@ -19,9 +19,9 @@ import { camelCase } from "string-ts";
 var __defProp = Object.defineProperty;
 var __exportAll = (all, symbols) => {
 	let target = {};
-	for (var name$9 in all) {
-		__defProp(target, name$9, {
-			get: all[name$9],
+	for (var name in all) {
+		__defProp(target, name, {
+			get: all[name],
 			enumerable: true
 		});
 	}
@@ -68,7 +68,7 @@ const rules$7 = {
 //#endregion
 //#region package.json
 var name$6 = "eslint-plugin-react-x";
-var version = "2.7.4-beta.4";
+var version = "2.7.4-beta.6";
 
 //#endregion
 //#region src/utils/create-rule.ts
@@ -150,17 +150,17 @@ function getTypeVariants(types) {
 	} else if (booleans.length === 2) variants.add("boolean");
 	const strings = types.filter(isStringType);
 	if (strings.length > 0) {
-		const evaluated = match(strings).when((types$1) => types$1.every(isTruthyStringType), () => "truthy string").when((types$1) => types$1.every(isFalsyStringType), () => "falsy string").otherwise(() => "string");
+		const evaluated = match(strings).when((types) => types.every(isTruthyStringType), () => "truthy string").when((types) => types.every(isFalsyStringType), () => "falsy string").otherwise(() => "string");
 		variants.add(evaluated);
 	}
 	const bigints = types.filter(isBigIntType);
 	if (bigints.length > 0) {
-		const evaluated = match(bigints).when((types$1) => types$1.every(isTruthyBigIntType), () => "truthy bigint").when((types$1) => types$1.every(isFalsyBigIntType), () => "falsy bigint").otherwise(() => "bigint");
+		const evaluated = match(bigints).when((types) => types.every(isTruthyBigIntType), () => "truthy bigint").when((types) => types.every(isFalsyBigIntType), () => "falsy bigint").otherwise(() => "bigint");
 		variants.add(evaluated);
 	}
 	const numbers = types.filter(isNumberType);
 	if (numbers.length > 0) {
-		const evaluated = match(numbers).when((types$1) => types$1.every(isTruthyNumberType), () => "truthy number").when((types$1) => types$1.every(isFalsyNumberType), () => "falsy number").otherwise(() => "number");
+		const evaluated = match(numbers).when((types) => types.every(isTruthyNumberType), () => "truthy number").when((types) => types.every(isFalsyNumberType), () => "falsy number").otherwise(() => "number");
 		variants.add(evaluated);
 	}
 	if (types.some(isEnumType)) variants.add("enum");
@@ -316,10 +316,10 @@ function create$60(context) {
 		const props = [];
 		for (const attr of node.attributes) {
 			if (attr.type === AST_NODE_TYPES.JSXSpreadAttribute) continue;
-			const name$9 = attr.name.name;
-			if (typeof name$9 !== "string") continue;
-			if (!props.includes(name$9)) {
-				props.push(name$9);
+			const name = attr.name.name;
+			if (typeof name !== "string") continue;
+			if (!props.includes(name)) {
+				props.push(name);
 				continue;
 			}
 			context.report({
@@ -377,17 +377,17 @@ var jsx_no_undef_default = createRule({
 });
 function create$58(context) {
 	return { JSXOpeningElement(node) {
-		const name$9 = match(node.name).with({ type: AST_NODE_TYPES.JSXIdentifier }, (n) => n.name).with({
+		const name = match(node.name).with({ type: AST_NODE_TYPES.JSXIdentifier }, (n) => n.name).with({
 			type: AST_NODE_TYPES.JSXMemberExpression,
 			object: { type: AST_NODE_TYPES.JSXIdentifier }
 		}, (n) => n.object.name).otherwise(() => null);
-		if (name$9 == null) return;
-		if (name$9 === "this") return;
-		if (/^[a-z]/u.test(name$9)) return;
-		if (findVariable(name$9, context.sourceCode.getScope(node)) == null) context.report({
+		if (name == null) return;
+		if (name === "this") return;
+		if (/^[a-z]/u.test(name)) return;
+		if (findVariable(name, context.sourceCode.getScope(node)) == null) context.report({
 			messageId: "jsxNoUndef",
 			node,
-			data: { name: name$9 }
+			data: { name }
 		});
 	} };
 }
@@ -525,12 +525,12 @@ function create$55(context) {
 		JSXOpeningFragment: handleJsxElement
 	};
 }
-function debugReport(context, node, name$9) {
+function debugReport(context, node, name) {
 	if (process.env["ESLINT_REACT_DEBUG"] !== "1") return;
 	context.report({
 		messageId: "jsxUsesReact",
 		node,
-		data: { name: name$9 }
+		data: { name }
 	});
 }
 
@@ -674,8 +674,8 @@ function getIndexParamPosition(methodName) {
 		default: return -1;
 	}
 }
-function isReactChildrenMethod(name$9) {
-	return REACT_CHILDREN_METHOD.includes(name$9);
+function isReactChildrenMethod(name) {
+	return REACT_CHILDREN_METHOD.includes(name);
 }
 function isUsingReactChildren(context, node) {
 	const { importSource = "react" } = coerceSettings(context.settings);
@@ -691,8 +691,8 @@ function getMapIndexParamName(context, node) {
 	const { callee } = node;
 	if (callee.type !== AST_NODE_TYPES.MemberExpression) return unit;
 	if (callee.property.type !== AST_NODE_TYPES.Identifier) return unit;
-	const { name: name$9 } = callee.property;
-	const indexPosition = getIndexParamPosition(name$9);
+	const { name } = callee.property;
+	const indexPosition = getIndexParamPosition(name);
 	if (indexPosition === -1) return unit;
 	const callbackArg = node.arguments[isUsingReactChildren(context, node) ? 1 : 0];
 	if (callbackArg == null) return unit;
@@ -721,7 +721,7 @@ var no_array_index_key_default = createRule({
 function create$52(context) {
 	const indexParamNames = [];
 	function isArrayIndex(node) {
-		return node.type === AST_NODE_TYPES.Identifier && indexParamNames.some((name$9) => name$9 != null && name$9 === node.name);
+		return node.type === AST_NODE_TYPES.Identifier && indexParamNames.some((name) => name != null && name === node.name);
 	}
 	function isCreateOrCloneElementCall(node) {
 		return isCreateElementCall(context, node) || isCloneElementCall(context, node);
@@ -729,7 +729,7 @@ function create$52(context) {
 	function getReportDescriptors(node) {
 		switch (node.type) {
 			case AST_NODE_TYPES.Identifier:
-				if (indexParamNames.some((name$9) => name$9 != null && name$9 === node.name)) return [{
+				if (indexParamNames.some((name) => name != null && name === node.name)) return [{
 					messageId: "noArrayIndexKey",
 					node
 				}];
@@ -939,12 +939,12 @@ function create$45(context) {
 	if (!context.sourceCode.text.includes("Component")) return {};
 	const { ctx, visitor } = useComponentCollectorLegacy(context);
 	return defineRuleListener(visitor, { "Program:exit"(program) {
-		for (const { name: name$9 = "anonymous", node: component } of ctx.getAllComponents(program)) {
+		for (const { name = "anonymous", node: component } of ctx.getAllComponents(program)) {
 			if (component.body.body.some((m) => isComponentDidCatch(m) || isGetDerivedStateFromError(m))) continue;
 			context.report({
 				messageId: "noClassComponent",
 				node: component,
-				data: { name: name$9 }
+				data: { name }
 			});
 		}
 	} });
@@ -1089,8 +1089,8 @@ var no_context_provider_default = createRule({
 });
 function create$40(context) {
 	if (!context.sourceCode.text.includes("Provider")) return {};
-	const { version: version$1 } = getSettingsFromContext(context);
-	if (compare(version$1, "19.0.0", "<")) return {};
+	const { version } = getSettingsFromContext(context);
+	if (compare(version, "19.0.0", "<")) return {};
 	return { JSXElement(node) {
 		const parts = getJsxElementType(context, node).split(".");
 		const selfName = parts.pop();
@@ -1280,8 +1280,8 @@ var no_forward_ref_default = createRule({
 });
 function create$35(context) {
 	if (!context.sourceCode.text.includes("forwardRef")) return {};
-	const { version: version$1 } = getSettingsFromContext(context);
-	if (compare(version$1, "19.0.0", "<")) return {};
+	const { version } = getSettingsFromContext(context);
+	if (compare(version, "19.0.0", "<")) return {};
 	return { CallExpression(node) {
 		if (!isForwardRefCall(context, node)) return;
 		const id = AST.getFunctionId(node);
@@ -1336,7 +1336,7 @@ function getFix(context, node) {
 * @returns An array of fixes for the component's signature
 */
 function getComponentPropsFixes(context, fixer, node, typeArguments) {
-	const getText = (node$1) => context.sourceCode.getText(node$1);
+	const getText = (node) => context.sourceCode.getText(node);
 	const [arg0, arg1] = node.params;
 	const [typeArg0, typeArg1] = typeArguments;
 	if (arg0 == null) return [];
@@ -1412,7 +1412,7 @@ var no_leaked_conditional_rendering_default = createRule({
 });
 function create$33(context) {
 	if (!context.sourceCode.text.includes("&&")) return {};
-	const { version: version$1 } = getSettingsFromContext(context);
+	const { version } = getSettingsFromContext(context);
 	const allowedVariants = [
 		"any",
 		"boolean",
@@ -1424,7 +1424,7 @@ function create$33(context) {
 		"truthy boolean",
 		"truthy number",
 		"truthy string",
-		...compare(version$1, "18.0.0", "<") ? [] : ["string", "falsy string"]
+		...compare(version, "18.0.0", "<") ? [] : ["string", "falsy string"]
 	];
 	const services = ESLintUtils.getParserServices(context, false);
 	/**
@@ -1623,8 +1623,8 @@ function create$30(ctx) {
 			if (inChildrenToArray) return;
 			if (node.callee.type !== AST_NODE_TYPES.MemberExpression) return;
 			if (node.callee.property.type !== AST_NODE_TYPES.Identifier) return;
-			const name$9 = node.callee.property.name;
-			const idx = name$9 === "from" ? 1 : name$9 === "map" ? 0 : -1;
+			const name = node.callee.property.name;
+			const idx = name === "from" ? 1 : name === "map" ? 0 : -1;
 			if (idx < 0) return;
 			const cb = node.arguments[idx];
 			if (!AST.isFunction(cb)) return;
@@ -1713,18 +1713,18 @@ function create$28(context) {
 		const isFunctionComponent = (node) => {
 			return AST.isFunction(node) && fComponents.some((component) => component.node === node);
 		};
-		const isClassComponent$1 = (node) => {
+		const isClassComponent = (node) => {
 			return AST.isClass(node) && cComponents.some((component) => component.node === node);
 		};
-		for (const { name: name$9, node: component } of fComponents) {
-			if (name$9 == null) continue;
+		for (const { name, node: component } of fComponents) {
+			if (name == null) continue;
 			if (isDirectValueOfRenderPropertyLoose(component)) continue;
 			if (isInsideJSXAttributeValue(component)) {
 				if (!isDeclaredInRenderPropLoose(component)) context.report({
 					messageId: "noNestedComponentDefinitions",
 					node: component,
 					data: {
-						name: name$9,
+						name,
 						suggestion: "Move it to the top level or pass it as a prop."
 					}
 				});
@@ -1735,7 +1735,7 @@ function create$28(context) {
 					messageId: "noNestedComponentDefinitions",
 					node: component,
 					data: {
-						name: name$9,
+						name,
 						suggestion: "Move it to the top level or pass it as a prop."
 					}
 				});
@@ -1747,7 +1747,7 @@ function create$28(context) {
 					messageId: "noNestedComponentDefinitions",
 					node: component,
 					data: {
-						name: name$9,
+						name,
 						suggestion: component.parent.type === AST_NODE_TYPES.Property ? "Move it to the top level or pass it as a prop." : "Move it to the top level."
 					}
 				});
@@ -1757,18 +1757,18 @@ function create$28(context) {
 				messageId: "noNestedComponentDefinitions",
 				node: component,
 				data: {
-					name: name$9,
+					name,
 					suggestion: "Move it to the top level."
 				}
 			});
 		}
-		for (const { name: name$9 = "unknown", node: component } of cComponents) {
-			if (AST.findParentNode(component, (n) => isClassComponent$1(n) || isFunctionComponent(n)) == null) continue;
+		for (const { name = "unknown", node: component } of cComponents) {
+			if (AST.findParentNode(component, (n) => isClassComponent(n) || isFunctionComponent(n)) == null) continue;
 			context.report({
 				messageId: "noNestedComponentDefinitions",
 				node: component,
 				data: {
-					name: name$9,
+					name,
 					suggestion: component.parent.type === AST_NODE_TYPES.Property ? "Move it to the top level or pass it as a prop." : "Move it to the top level."
 				}
 			});
@@ -1908,13 +1908,13 @@ function create$25(context) {
 	if (!context.sourceCode.text.includes("shouldComponentUpdate")) return {};
 	const { ctx, visitor } = useComponentCollectorLegacy(context);
 	return defineRuleListener(visitor, { "Program:exit"(program) {
-		for (const { name: name$9 = "PureComponent", node: component, flag } of ctx.getAllComponents(program)) {
+		for (const { name = "PureComponent", node: component, flag } of ctx.getAllComponents(program)) {
 			if ((flag & ComponentFlag.PureComponent) === 0n) continue;
 			const { body } = component.body;
 			for (const member of body) if (isShouldComponentUpdate(member)) context.report({
 				messageId: "noRedundantShouldComponentUpdate",
 				node: member,
-				data: { componentName: name$9 }
+				data: { componentName: name }
 			});
 		}
 	} });
@@ -2326,16 +2326,16 @@ var no_unnecessary_use_prefix_default = createRule({
 function create$17(context) {
 	const { ctx, visitor } = useHookCollector(context);
 	return defineRuleListener(visitor, { "Program:exit"(program) {
-		for (const { id, name: name$9, node, hookCalls } of ctx.getAllHooks(program)) {
+		for (const { id, name, node, hookCalls } of ctx.getAllHooks(program)) {
 			if (hookCalls.length > 0) continue;
 			if (AST.isFunctionEmpty(node)) continue;
-			if (WELL_KNOWN_HOOKS.includes(name$9)) continue;
+			if (WELL_KNOWN_HOOKS.includes(name)) continue;
 			if (containsUseComments(context, node)) continue;
 			if (AST.findParentNode(node, AST.isViMockCallback) != null) continue;
 			context.report({
 				messageId: "noUnnecessaryUsePrefix",
 				node: id ?? node,
-				data: { name: name$9 }
+				data: { name }
 			});
 		}
 	} });
@@ -2365,8 +2365,8 @@ function create$16(context) {
 		if (ref.name.toLowerCase().startsWith("prev")) return;
 		const effects = /* @__PURE__ */ new Set();
 		let globalUsages = 0;
-		for (const { identifier, init: init$1 } of ref.references) {
-			if (init$1 != null) continue;
+		for (const { identifier, init } of ref.references) {
+			if (init != null) continue;
 			const effect = AST.findParentNode(identifier, isUseEffectLikeCall);
 			if (effect == null) globalUsages++;
 			else effects.add(effect);
@@ -2478,8 +2478,8 @@ var no_unstable_context_value_default = createRule({
 	defaultOptions: []
 });
 function create$12(context) {
-	const { version: version$1 } = getSettingsFromContext(context);
-	const isReact18OrBelow = compare(version$1, "19.0.0", "<");
+	const { version } = getSettingsFromContext(context);
+	const isReact18OrBelow = compare(version, "19.0.0", "<");
 	const { ctx, visitor } = useComponentCollector(context);
 	const constructions = /* @__PURE__ */ new WeakMap();
 	return defineRuleListener(visitor, {
@@ -2489,7 +2489,7 @@ function create$12(context) {
 			if (!isContextName(selfName, isReact18OrBelow)) return;
 			const functionEntry = ctx.getCurrentEntry();
 			if (functionEntry == null) return;
-			const attribute = node.attributes.find((attribute$1) => attribute$1.type === AST_NODE_TYPES.JSXAttribute && attribute$1.name.name === "value");
+			const attribute = node.attributes.find((attribute) => attribute.type === AST_NODE_TYPES.JSXAttribute && attribute.name.name === "value");
 			if (attribute == null || !("value" in attribute)) return;
 			const value = attribute.value;
 			if (value?.type !== AST_NODE_TYPES.JSXExpressionContainer) return;
@@ -2515,9 +2515,9 @@ function create$12(context) {
 		}
 	});
 }
-function isContextName(name$9, isReact18OrBelow) {
-	if (name$9 === "Provider") return true;
-	if (!isReact18OrBelow) return name$9.endsWith("Context") || name$9.endsWith("CONTEXT");
+function isContextName(name, isReact18OrBelow) {
+	if (name === "Provider") return true;
+	if (!isReact18OrBelow) return name.endsWith("Context") || name.endsWith("CONTEXT");
 	return false;
 }
 
@@ -2568,8 +2568,8 @@ function create$11(context, [options]) {
 				const { params } = component;
 				const [props] = params;
 				if (props == null) continue;
-				const properties = match(props).with({ type: AST_NODE_TYPES.ObjectPattern }, ({ properties: properties$1 }) => properties$1).with({ type: AST_NODE_TYPES.Identifier }, ({ name: name$9 }) => {
-					return declarators.get(component)?.filter((d) => d.init.name === name$9).flatMap((d) => d.id.properties) ?? [];
+				const properties = match(props).with({ type: AST_NODE_TYPES.ObjectPattern }, ({ properties }) => properties).with({ type: AST_NODE_TYPES.Identifier }, ({ name }) => {
+					return declarators.get(component)?.filter((d) => d.init.name === name).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) continue;
@@ -2964,8 +2964,8 @@ var no_use_context_default = createRule({
 });
 function create$7(context) {
 	if (!context.sourceCode.text.includes("useContext")) return {};
-	const settings$6 = getSettingsFromContext(context);
-	if (compare(settings$6.version, "19.0.0", "<")) return {};
+	const settings = getSettingsFromContext(context);
+	if (compare(settings.version, "19.0.0", "<")) return {};
 	const hookCalls = /* @__PURE__ */ new Set();
 	return {
 		CallExpression(node) {
@@ -2973,7 +2973,7 @@ function create$7(context) {
 			hookCalls.add(node);
 		},
 		ImportDeclaration(node) {
-			if (node.source.value !== settings$6.importSource) return;
+			if (node.source.value !== settings.importSource) return;
 			const isUseImported = node.specifiers.some(isMatching({ local: {
 				type: AST_NODE_TYPES.Identifier,
 				name: "use"
@@ -3095,21 +3095,21 @@ function create$5(context, [option]) {
 	/**
 	* Check if a fragment node is useless and should be reported
 	*/
-	function checkNode(context$1, node) {
-		if (node.type === AST_NODE_TYPES.JSXElement && getJsxAttribute(context$1, node)("key") != null) return;
-		if (isJsxHostElement(context$1, node.parent)) context$1.report({
+	function checkNode(context, node) {
+		if (node.type === AST_NODE_TYPES.JSXElement && getJsxAttribute(context, node)("key") != null) return;
+		if (isJsxHostElement(context, node.parent)) context.report({
 			messageId: "noUselessFragment",
 			node,
 			data: { reason: "placed inside a host component" },
-			fix: getFix$1(context$1, node)
+			fix: getFix(context, node)
 		});
 		if (node.children.length === 0) {
 			if (allowEmptyFragment) return;
-			context$1.report({
+			context.report({
 				messageId: "noUselessFragment",
 				node,
 				data: { reason: "contains less than two children" },
-				fix: getFix$1(context$1, node)
+				fix: getFix(context, node)
 			});
 			return;
 		}
@@ -3117,45 +3117,45 @@ function create$5(context, [option]) {
 		switch (true) {
 			case allowExpressions && !isChildElement && node.children.length === 1 && isJsxText(node.children.at(0)): return;
 			case !allowExpressions && isChildElement:
-				context$1.report({
+				context.report({
 					messageId: "noUselessFragment",
 					node,
 					data: { reason: "contains less than two children" },
-					fix: getFix$1(context$1, node)
+					fix: getFix(context, node)
 				});
 				return;
 			case !allowExpressions && !isChildElement && node.children.length === 1:
-				context$1.report({
+				context.report({
 					messageId: "noUselessFragment",
 					node,
 					data: { reason: "contains less than two children" },
-					fix: getFix$1(context$1, node)
+					fix: getFix(context, node)
 				});
 				return;
 		}
 		const nonPaddingChildren = node.children.filter((child) => !isPaddingSpaces(child));
 		const firstNonPaddingChild = nonPaddingChildren.at(0);
-		if (nonPaddingChildren.length === 0 || nonPaddingChildren.length === 1 && firstNonPaddingChild?.type !== AST_NODE_TYPES.JSXExpressionContainer) context$1.report({
+		if (nonPaddingChildren.length === 0 || nonPaddingChildren.length === 1 && firstNonPaddingChild?.type !== AST_NODE_TYPES.JSXExpressionContainer) context.report({
 			messageId: "noUselessFragment",
 			node,
 			data: { reason: "contains less than two children" },
-			fix: getFix$1(context$1, node)
+			fix: getFix(context, node)
 		});
 	}
-	function getFix$1(context$1, node) {
-		if (!canFix$1(context$1, node)) return null;
+	function getFix(context, node) {
+		if (!canFix(context, node)) return null;
 		return (fixer) => {
 			const opener = node.type === AST_NODE_TYPES.JSXFragment ? node.openingFragment : node.openingElement;
 			const closer = node.type === AST_NODE_TYPES.JSXFragment ? node.closingFragment : node.closingElement;
-			const childrenText = opener.type === AST_NODE_TYPES.JSXOpeningElement && opener.selfClosing ? "" : context$1.sourceCode.getText().slice(opener.range[1], closer?.range[0]);
+			const childrenText = opener.type === AST_NODE_TYPES.JSXOpeningElement && opener.selfClosing ? "" : context.sourceCode.getText().slice(opener.range[1], closer?.range[0]);
 			return fixer.replaceText(node, trimLikeReact(childrenText));
 		};
 	}
 	/**
 	* Check if it's safe to automatically fix the fragment
 	*/
-	function canFix$1(context$1, node) {
-		if (node.parent.type === AST_NODE_TYPES.JSXElement || node.parent.type === AST_NODE_TYPES.JSXFragment) return isJsxHostElement(context$1, node.parent);
+	function canFix(context, node) {
+		if (node.parent.type === AST_NODE_TYPES.JSXElement || node.parent.type === AST_NODE_TYPES.JSXFragment) return isJsxHostElement(context, node.parent);
 		if (node.children.length === 0) return false;
 		return !node.children.some((child) => isJsxText(child) && !isWhiteSpace(child) || AST.is(AST_NODE_TYPES.JSXExpressionContainer)(child));
 	}
@@ -3217,7 +3217,7 @@ function create$4(context) {
 			const propName = props.name;
 			const propReferences = context.sourceCode.getScope(component.node).variables.find((v) => v.name === propName)?.references ?? [];
 			for (const ref of propReferences) {
-				const { name: name$9, parent } = ref.identifier;
+				const { name, parent } = ref.identifier;
 				if (parent.type !== AST_NODE_TYPES.MemberExpression) continue;
 				context.report({
 					messageId: "preferDestructuringAssignment",
@@ -3432,17 +3432,17 @@ function create(context, [option]) {
 		else if (node.name.type === AST_NODE_TYPES.JSXNamespacedName) nodeName = node.name.name.name;
 		for (const attr of node.attributes) {
 			if (attr.type === AST_NODE_TYPES.JSXSpreadAttribute) continue;
-			const name$9 = attr.name.name;
-			if (typeof name$9 !== "string") continue;
+			const name = attr.name.name;
+			if (typeof name !== "string") continue;
 			for (const forbiddenPropItem of forbid) {
 				if (typeof forbiddenPropItem !== "string" && nodeName != null) {
 					if ("excludedNodes" in forbiddenPropItem && forbiddenPropItem.excludedNodes.includes(nodeName)) continue;
 					if ("includedNodes" in forbiddenPropItem && !forbiddenPropItem.includedNodes.includes(nodeName)) continue;
 				}
-				if (toRegExp(typeof forbiddenPropItem === "string" ? forbiddenPropItem : forbiddenPropItem.prop).test(name$9)) context.report({
+				if (toRegExp(typeof forbiddenPropItem === "string" ? forbiddenPropItem : forbiddenPropItem.prop).test(name)) context.report({
 					messageId,
 					node: attr,
-					data: { name: name$9 }
+					data: { name }
 				});
 			}
 		}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-react-x",
-  "version": "2.7.4-beta.4",
+  "version": "2.7.4-beta.6",
   "description": "A set of composable ESLint rules for for libraries and frameworks that use React as a UI runtime.",
   "keywords": [
     "react",
@@ -46,16 +46,16 @@
     "string-ts": "^2.3.1",
     "ts-api-utils": "^2.4.0",
     "ts-pattern": "^5.9.0",
-    "@eslint-react/ast": "2.7.4-beta.4",
-    "@eslint-react/eff": "2.7.4-beta.4",
-    "@eslint-react/core": "2.7.4-beta.4",
-    "@eslint-react/shared": "2.7.4-beta.4",
-    "@eslint-react/var": "2.7.4-beta.4"
+    "@eslint-react/ast": "2.7.4-beta.6",
+    "@eslint-react/core": "2.7.4-beta.6",
+    "@eslint-react/eff": "2.7.4-beta.6",
+    "@eslint-react/var": "2.7.4-beta.6",
+    "@eslint-react/shared": "2.7.4-beta.6"
   },
   "devDependencies": {
     "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
-    "tsdown": "^0.20.0-beta.4",
+    "tsdown": "^0.20.1",
     "@local/configs": "0.0.0"
   },
   "peerDependencies": {