React Email
MailMode can preview simple static React Email templates without executing arbitrary uploaded code.
What React Email Support Means
MailMode parses supported React Email JSX/TSX and converts static component trees into HTML for previewing. The goal is quick, safe QA for common templates.
Safe Preview Mode
Safe mode allows static JSX layouts, standard React Email components, static string and number props, and static inline style objects. It blocks code that would require runtime execution.
Supported Static Patterns
Use standard React Email components such as Html, Body, Container, Section, Text, Link, Img and Preview. Static style objects such as style={main} can be supported when MailMode can read them safely.
Unsupported Dynamic Patterns
Dynamic features may be blocked, including .map() loops, runtime conditionals, hooks/effects, browser APIs, fetch/network calls, event handlers, dangerouslySetInnerHTML and dynamic function execution.
What To Do If Rendering Fails
Export rendered HTML from your React Email project, simplify dynamic logic for the preview template, or create a static JSX version specifically for MailMode QA. MailMode should explain what pattern was blocked rather than showing raw stack traces.