fix(codegen): emit string props as JSX expressions

Open

lahfirwants to merge intofrom

serializeProps() put strings in quoted JSX attributes, so quotes made the JSX invalid and backslashes and newlines changed the value.
String props are now emitted as JSX expressions like title={"..."}, and the examples in the docs match.
Fixes #379.

Co-authored by @KennyMcSimpson, based on #383.

Before

The generated JSX fails to build for a label with quotes, and the page shows backslashes, newlines and & as different text.

The same labels build, and the page renders each one exactly as written.

76c04dfOct 23

96ca36dOct 23

vercel[bot]20d ago

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
json-render	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-chat-demo	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-dashboard-demo	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-game-engine-demo	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-image-demo	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-no-ai	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-react-email-demo	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-react-pdf-demo	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-react-three-fiber-demo	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-remotion-demo	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-solid-demo	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-svelte-chat-demo	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-svelte-demo	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC
json-render-vue	Ready	Preview, v0	Oct 23, 2026 5:45pm UTC