jsx-no-duplicate-props

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

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" />

Related Rules

• jsx-key - Require key prop in iterators