chore: Switch React example to use prerender export

preactjs · Jan 17, 2025 · 026cef3 · 026cef3
1 parent fd4f3ef
commit 026cef3
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/examples/react/src/index.jsx b/examples/react/src/index.jsx
@@ -30,10 +30,18 @@ if (typeof window !== 'undefined') {
 }
 
 export async function prerender(data) {
-    const { renderToString } = await import('react-dom/server');
+    const { prerender: reactPrerender } = await import('react-dom/static');
     const { parseLinks } = await import('vite-prerender-plugin/parse');
 
-    const html = await renderToString(<App {...data} />);
+    const { prelude } = await reactPrerender(<App {...data} />);
+    const reader = prelude.getReader();
+    let html = '';
+    while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        html += Buffer.from(value).toString('utf-8');
+    }
+
     const links = parseLinks(html);
 
     return { html, links };