react-render does not work with bun compile binary

[thibaultleouay]

Describe the Bug

when compiling a binary using bun with react-email components it does not work and throw :

125 | //#region src/node/render.tsx
126 | const render = async (node, options) => {
127 |   const suspendedElement = /* @__PURE__ */ jsx(Suspense, { children: node });
128 |   const reactDOMServer = await import("react-dom/server").then((m) => m.default);
129 |   let html$1;
130 |   if (Object.hasOwn(reactDOMServer, "renderToReadableStream") && typeof WritableStream !== "undefined") html$1 = await readStream(await reactDOMServer.renderToReadableStream(suspendedElement, { progressiveChunkSize: Number.POSITIVE_INFINITY }));
                  ^
TypeError: undefined is not an object (evaluating 'Object.hasOwn(reactDOMServer, "renderToReadableStream")')
      at <anonymous> (node_modules/@react-email/render/dist/node/index.mjs:130:13)

Bun v1.3.0 (macOS arm64)

Which package is affected (leave empty if unsure)

No response

Link to the code that reproduces this issue

https://github.com/thibaultleouay/bug-bun-react-email

To Reproduce

bun install
bun run build
./app

Expected Behavior

sending the email :)

What's your node version? (if relevant)

No response

[Moonflower-labs]

I’m experiencing the same issue. Possibly related to this

[cppdozer36]

Same issue

[Moonflower-labs]

So far the only way around it I found is to monkey-patch and use renderToStaticMarkup as this

import ReactDOMServer from "react-dom/server";
// @ts-expect-error
if (!globalThis.__REACT_EMAIL_PATCHED__) {
 const original = require;
 // @ts-expect-error
 globalThis.require = (id) => {
   const mod = original(id);
   if (id.includes("@react-email/render")) {
     return {
       ...mod,
       render: (el: React.ReactElement) =>
         ReactDOMServer.renderToStaticMarkup(el),
     };
   }
   return mod;
 };
 // @ts-expect-error
 globalThis.__REACT_EMAIL_PATCHED__ = true;
} 

Would be a nice a proper fix :)

[Tamicktom]

Same issue too 🥺