fix: render runtime stack frames as text

[OskarEichler]

Fix

Render parsed runtime stack function names and filenames as text rather than assigning them to innerHTML.

Stack frame values can contain markup-like characters. The runtime overlay currently turns those values into live DOM elements, which both corrupts the displayed trace and allows markup attributes to become active inside the development overlay.

Implementation

Use textContent for fallback text, function names, and filenames. Unicode em spaces preserve the indentation previously produced by   entities.

Verification

• Added a real parsed-stack regression containing markup in both the function name and filename. It fails on current main by creating img and strong elements, and passes with the values preserved as literal text.
• Full suite including headless Chrome HMR conformance: 123 tests across 15 suites, 26 snapshots passed.
• ESLint, Prettier, TypeScript, and whitespace checks passed.
• React Doctor: 100/100.

Compatibility / breaking changes

No public API, dependency, socket integration, or supported-platform changes. Runtime stack values display literally instead of being interpreted as HTML.

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview