fix(render): reactDOMServer import on browser and some bundlers (#2221)

Co-authored-by: gabriel miranda <[email protected]>

Author: MendyLanda

.changeset/free-sides-grin.md

@@ -0,0 +1,5 @@
+---
+"@react-email/render": patch
+---
+
+fix react-dom/server import for the browser and some bundlers

packages/render/src/browser/render.tsx

@@ -53,7 +53,10 @@ export const render = async (
   options?: Options,
 ) => {
   const suspendedElement = <Suspense>{element}</Suspense>;
-  const reactDOMServer = await import('react-dom/server');
+  const reactDOMServer = await import('react-dom/server').then(
+    // This is beacuse react-dom/server is CJS
+    (m) => m.default,
+  );
 
   let html!: string;
   if (Object.hasOwn(reactDOMServer, 'renderToReadableStream')) {

packages/render/src/node/render.tsx

@@ -10,7 +10,10 @@ export const render = async (
   options?: Options,
 ) => {
   const suspendedElement = <Suspense>{element}</Suspense>;
-  const reactDOMServer = await import('react-dom/server');
+  const reactDOMServer = await import('react-dom/server').then(
+    // This is beacuse react-dom/server is CJS
+    (m) => m.default,
+  );
 
   let html!: string;
   if (Object.hasOwn(reactDOMServer, 'renderToReadableStream')) {