noJsxNamespace

Цей контент ще не доступний вашою мовою.

JSX and TSX

Summary

Rule available since: v2.4.12
Diagnostic Category: lint/nursery/noJsxNamespace
This rule doesn’t have a fix.
The default severity of this rule is information.
This rule belongs to the following domains:
- react
Sources:
- Same as react-jsx/no-namespace
- Same as @eslint-react/jsx-no-namespace

How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "nursery": {
5
        "noJsxNamespace": "error"
6
      }
7
    }
8
  }
9
}

Description

Disallow JSX namespace syntax.

React does not support XML namespaced tags such as <ns:Component />. Although the JSX specification permits namespaces, React does not implement them and using a namespaced element may cause a runtime error.

Examples

Invalid

1
<ns:testcomponent />

code-block.jsx:1:2 lint/nursery/noJsxNamespace ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ℹ Unexpected JSX namespace syntax.
  
  > 1 │ <ns:testcomponent />
      │  ^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ React does not support namespaced JSX tags. Use a plain element name or a member expression instead.
  
  ℹ This rule belongs to the nursery group, which means it is not yet stable and may change in the future. Visit https://biomejs.dev/linter/#nursery for more information.

1
<svg:circle cx="50" cy="50" r="40" />

code-block.jsx:1:2 lint/nursery/noJsxNamespace ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ℹ Unexpected JSX namespace syntax.
  
  > 1 │ <svg:circle cx=“50” cy=“50” r=“40” />
      │  ^^^^^^^^^^
    2 │ 
  
  ℹ React does not support namespaced JSX tags. Use a plain element name or a member expression instead.
  
  ℹ This rule belongs to the nursery group, which means it is not yet stable and may change in the future. Visit https://biomejs.dev/linter/#nursery for more information.

Valid

1
<testcomponent />

1
<object.TestComponent />