no-unescaped-entities

Detect unescaped HTML entities in JSX. This rule is part of eslint-plugin-react-features.

Quick SummaryCopy Anchor Link

Rule DetailsCopy Anchor Link

A raw " in JSX text reads like an attribute delimiter that was never closed. The rule reads the source as written, so the escaped spellings (", ", {'"'}) and quotes inside attribute values or string expressions are not reported.

Why This MattersCopy Anchor Link

ExamplesCopy Anchor Link

❌ IncorrectCopy Anchor Link

<div>Use "quotes"</div>

> and } in JSX text do not parse in TypeScript, and the parser reports them before this rule runs.

✅ CorrectCopy Anchor Link

<div>Hello World</div>
<div>Use &quot;quotes&quot;</div>
<div>Use {'"'}quotes{'"'}</div>
<div>It's working</div>

Entity ReferenceCopy Anchor Link

Configuration ExamplesCopy Anchor Link

Basic UsageCopy Anchor Link

{
  rules: {
    'react-features/no-unescaped-entities': 'error'
  }
}

Related RulesCopy Anchor Link

• no-danger - HTML injection safety

Further ReadingCopy Anchor Link

• JSX In Depth - React docs
• HTML Entities - Reference

Known False NegativesCopy Anchor Link

• ' is not reported: an apostrophe renders as written and is ordinary prose.
• > and } in JSX text are a TypeScript parse error, so the rule never sees them in a .tsx file.

Use this rule

npm install -D oxlint-plugin-react-features

{  "jsPlugins": ["oxlint-plugin-react-features"],  "rules": {    "react-features/no-unescaped-entities": "error"  }}

import { defineConfig } from 'vite-plus';export default defineConfig({  lint: {    jsPlugins: ['oxlint-plugin-react-features'],    rules: {      'react-features/no-unescaped-entities': 'error',    },  },});