Skip to content
Biome
Docs Blog Playground

noReactSpecificProps

Diagnostic Category: lint/suspicious/noReactSpecificProps

Since: v1.7.2

Sources:

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 Examples

Invalid

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" />
Section titled Related links