noReactSpecificProps
Diagnostic Category: lint/suspicious/noReactSpecificProps
Since: v1.7.2
Sources:
- Same as:
solidjs/no-react-specific-props
Prevents React-specific JSX properties from being used.
This rule is intended for use in JSX-based frameworks (mainly Solid.js) that do not use React-style prop names.
Examples
Section titled ExamplesInvalid
Section titled Invalid<Hello className="John" />code-block.jsx:1:8 lint/suspicious/noReactSpecificProps FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⚠ This JSX attribute is specific to React.
> 1 │ <Hello className=“John” />
│ ^^^^^^^^^
2 │
ℹ This attribute may not be supported by non-React frameworks, as it is not native to HTML.
> 1 │ <Hello className=“John” />
│ ^^^^^^^^^
2 │
ℹ Safe fix: Replace this attribute name with “class”
1 │ - <Hello·className=“John”·/>
1 │ + <Hello·class=“John”·/>
2 2 │
Valid
Section titled Valid<Hello class="Doe" />