← Back to rules

react/no-unescaped-entities Pedantic

🚧 An auto-fix is planned for this rule, but not implemented at this time.

What it does

This rule prevents characters that you may have meant as JSX escape characters from being accidentally injected as a text node in JSX statements.

Why is this bad?

JSX escape characters are used to inject characters into JSX statements that would otherwise be interpreted as code.

Example

Incorrect

<div> > </div>

Correct

<div> &gt; </div>

<div> {">"} </div>

How to use

To enable this rule using the config file or in the CLI, you can use:

Config (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/no-unescaped-entities": "error"
  }
}

Config (oxlint.config.ts)

import { defineConfig } from "oxlint";

export default defineConfig({
  plugins: ["react"],
  rules: {
    "react/no-unescaped-entities": "error",
  },
});

CLI

oxlint --deny react/no-unescaped-entities --react-plugin

Version

This rule was added in v0.0.15.

References

• Rule Source
• Upstream rule docs
• Open rule in Oxc Playground