---
title: "react/no-namespace"
description: "Disallow namespaced element names such as `<svg:circle>`"
# Generated by src/codegen/lint-rule-docs.ts. Do not edit below this line.
plugin: "react"
aliases: []
kind: null
category: "suspicious"
default: "off"
fixable: "no"
typeAware: false
deprecated: false
---

JSX syntax allows a name with a colon in it, such as `<svg:circle>`, but React doesn't support namespaced elements. The same goes for a name with a colon passed to `React.createElement`.

{/* Generated by src/codegen/lint-rule-docs.ts. Do not edit this section. */}

## Configure

Off by default. To turn it on:

```toml bunfig.toml
[lint.rules]
"react/no-namespace" = "error" # or "warn"
```

{/* End of the generated section. */}

## Examples

Reported:

{/* bad {"count": 2} */}
```jsx
const dot = <svg:circle r="4" />;

const line = React.createElement("svg:line");
```

Not reported:

{/* good */}
```jsx
const dot = <circle r="4" />;

const line = React.createElement("line");
```