Skip to main content
interlace
Plugin: react-featuresRules

jsx-no-duplicate-props

Prevent duplicate props in JSX elements. This rule is part of eslint-plugin-react-features and provides LLM-optimized error messages.

Keywords: React, JSX, props, duplicate, ESLint rule, code quality, LLM-optimized

Prevent duplicate props in JSX elements. This rule is part of eslint-plugin-react-features and provides LLM-optimized error messages.

Quick Summary

AspectDetails
SeverityError (bug prevention)
Auto-Fix❌ No auto-fix
CategoryReact
ESLint MCP✅ Optimized for ESLint MCP integration
Best ForAll React/JSX projects

Rule Details

Duplicate JSX props cause one value to override another, which is almost always a mistake.

Examples

❌ Incorrect

<Button onClick={handleClick} onClick={handleSubmit} />

<Input name="email" name="username" />

✅ Correct

<Button onClick={handleClick} />

<Input name="email" />
  • jsx-key - Require key prop in iterators

Did this rule catch something? Star the repo to get new CWE coverage as we ship it — or follow the AI-code-security benchmarks behind these rules.