How to JSX to string?

[refinedkontrol]

Hello,

I am looking for a way to convert from Hono JSX (JSX.Element) to string.

Example use case: I'm using SVG in JSX to generate several variations of a logo (different colors, padding, stroke width). I'd like to be able to write the SVG string to a file.

I am aware of the SSG helper functions (https://hono.dev/docs/helpers/ssg), but I'm wondering if there's a more straightforward way.

Thank you for Hono! Best HTML templating system I know of!

[nakasyou]

@refinedkontrol
Try

const svg = <svg><title>SVG</title></svg>

const text = await svg.toString()

[refinedkontrol]

This worked! Thanks!

[la3rence]

My solution (works in node.js runtime):

import { renderToString } from 'hono/jsx/dom/server';
import MyComponent from './MyComponent.jsx';

const dom = <MyComponent props={data}></MyComponent>;
const text = renderToString(dom);