diff --git a/server.ts b/server.ts index 1adb8f4..aa4d83c 100644 --- a/server.ts +++ b/server.ts @@ -1,7 +1,7 @@ import Elysia from 'elysia'; import { connect } from 'elysia-connect-middleware'; import { createElement } from 'react'; -import { renderToString } from 'react-dom/server'; +import { renderToReadableStream } from 'react-dom/server'; import { createServer } from 'vite'; import { App } from './src/App'; @@ -23,13 +23,14 @@ app.use(connect(vite.middlewares)); app.get('/', async ({ request }) => { const url = request.url.replace(base, ''); const app = createElement(App); - const rootComponent = await renderToString(app); + const rootComponent = await renderToReadableStream(app); + const rootComponentString = await Bun.readableStreamToText(rootComponent); if (!isProduction) { template = await vite.transformIndexHtml(url, template); } - const html = template.replace(``, () => rootComponent); + const html = template.replace(``, () => rootComponentString); return new Response(html, { headers: {