Unsanitized user input in React inner HTML method (XSS)

• Rule ID: javascript_react_dangerously_set_inner_html
• Languages: javascript
• Source: dangerously_set_inner_html.yml

Description

Using React's dangerouslySetInnerHTML with unsanitized data can introduce Cross-Site Scripting (XSS) vulnerabilities. This occurs when external input is embedded directly into the HTML without proper sanitization, allowing attackers to inject malicious scripts.

Remediations

• Do sanitize data before using it with dangerouslySetInnerHTML. This step is crucial to prevent XSS attacks by ensuring that the input does not contain harmful scripts.

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

References

• OWASP Cross-Site Scripting (XSS) Cheatsheet

Associated CWE

• CWE-79: Improper Neutralization of Input During Web Page Generation ('Cross-site Scripting')

OWASP Top 10

• A03:2021 - Injection

Configuration

To skip this rule during a scan, use the following flag

bearer scan /path/to/your-project/ --skip-rule=javascript_react_dangerously_set_inner_html

To run only this rule during a scan, use the following flag

bearer scan /path/to/your-project/ --only-rule=javascript_react_dangerously_set_inner_html