fix(email-exporter): ReadableByteStreamController for safari react-email (#2295)

YousefED · web-flow · commit a328483d0cd0 · 2025-12-16T12:48:33.000+01:00
diff --git a/packages/xl-email-exporter/package.json b/packages/xl-email-exporter/package.json
@@ -54,6 +54,7 @@
     "email": "email dev"
   },
   "dependencies": {
+    "web-streams-polyfill": "^4.2.0",
     "@blocknote/core": "0.44.2",
     "@blocknote/react": "0.44.2",
     "@react-email/components": "^0.1.1",
diff --git a/packages/xl-email-exporter/src/react-email/reactEmailExporter.tsx b/packages/xl-email-exporter/src/react-email/reactEmailExporter.tsx
@@ -310,7 +310,15 @@ export class ReactEmailExporter<
       (({ children }: { children: React.ReactNode }) => (
         <React.Fragment>{children}</React.Fragment>
       ));
-    return renderEmail(
+    const needsPolyfill = !globalThis.ReadableByteStreamController;
+    if (needsPolyfill) {
+      // needed for safari compatibility;
+      // https://github.com/resend/react-email/blob/f02e21e998d507aa3fdfbb7b8639f915b8df6cb5/apps/docs/utilities/render.mdx#3-convert-to-html
+      (globalThis as any).ReadableByteStreamController = (
+        await import("web-streams-polyfill")
+      ).default.ReadableByteStreamController;
+    }
+    const ret = await renderEmail(
       <Html>
         <Head>{options?.head}</Head>
         <Body
@@ -335,6 +343,10 @@ export class ReactEmailExporter<
         </Body>
       </Html>,
     );
+    if (needsPolyfill) {
+      delete (globalThis as any).ReadableByteStreamController;
+    }
+    return ret;
   }
 
   protected blocknoteDefaultPropsToReactEmailStyle(
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
