API

Do not inject unsanitized HTML

Docs > Code Analysis > Static Analysis Rules > Do not inject unsanitized HTML

Metadata

ID: typescript-browser-security/react-dangerously-inner-html

Language: TypeScript

Severity: Warning

Category: Security

CWE: 79

Description

Always sanitize HTML data before injecting it in the DOM. Use libraries such as DOMPurify before using it.

Non-Compliant Code Examples

const App = () => {
  const data = `lorem <b onmouseover="alert('mouseover');">ipsum</b>`;

  return (
    <div
      dangerouslySetInnerHTML={{__html: data}}
      foobar={{foo: bar}}
    >
    </div>
  );
}

Compliant Code Examples

const App = () => {
  const data = `lorem <b onmouseover="alert('mouseover');">ipsum</b>`;

  return (
    <div
      dangerouslySetInnerHTML={{__html: sanitize(data)}}
    />
  );
}

How to use this rule

1
2
rulesets:
  - typescript-browser-security     # Rules to enforce TypeScript browser security.

Create a static-analysis.datadog.yml with the content above at the root of your repository
Use our free IDE Plugins or add Code Analysis scans to your CI pipelines
Get feedback on your code

For more information, please read the Code Analysis documentation

VS Code Extension

Identify code vulnerabilities directly in your
VS Code editor

JetBrains Plugin

Identify code vulnerabilities directly in
JetBrains products