noReactSpecificProps (since v1.7.2)

Diagnostic Category: lint/nursery/noReactSpecificProps

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

Invalid

<Hello className="John" />

code-block.jsx:1:8 lint/nursery/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

<Hello class="Doe" />