react/no-unescaped-entities Pedantic

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"
  }
}

CLI

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

References

• Rule Source