JS.REACT.JSX.NO.DUPLICATE.PROPS

Enforce no duplicate props

Creating JSX elements with duplicate props can cause unexpected behavior in your application.

Rule Details

Examples of incorrect code for this rule:

Copy
<Hello name="John" name="John" />;

Examples of correct code for this rule:

Copy
<Hello firstname="John" lastname="Doe" />;

Rule Options

Copy
...
"react/jsx-no-duplicate-props": [<enabled>, { "ignoreCase": <boolean> }]
...

ignoreCase

When true the rule ignores the case of the props. Default to false.

When Not To Use It

If you are not using JSX then you can disable this rule.

The content on this page is adapted from the ESLint User Guide. Copyright © OpenJS Foundation and other contributors, www.openjsf.org. All rights reserved. https://eslint.org/docs/rules/