noReactSpecificProps

Diagnostic Category: lint/suspicious/noReactSpecificProps

JavaScript (and super languages)

Since: v1.7.2

Sources:

Same as: solidjs/no-react-specific-props

Description

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

<Hello class="Doe" />

How to configure

{
  "linter": {
    "rules": {
      "suspicious": {
        "noReactSpecificProps": "error"
      }
    }
  }
}