fix(render): remove destructuring of react-dom/server import (#1772)

resend · Nov 13, 2024 · 0f32e50 · 0f32e50
1 parent fb4a382
commit 0f32e50
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/wet-beans-run.md b/.changeset/wet-beans-run.md
@@ -0,0 +1,5 @@
+---
+"@react-email/render": patch
+---
+
+Remove uncessary destructuring of react-dom/server
diff --git a/packages/render/src/browser/render-async.tsx b/packages/render/src/browser/render-async.tsx
@@ -10,7 +10,7 @@ export const renderAsync = async (
   options?: Options,
 ) => {
   const suspendedElement = <Suspense>{element}</Suspense>;
-  const { default: reactDOMServer } = await import("react-dom/server");
+  const reactDOMServer = await import("react-dom/server");
 
   let html!: string;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {

diff --git a/packages/render/src/browser/render.tsx b/packages/render/src/browser/render.tsx
@@ -53,7 +53,7 @@ export const render = async (
   options?: Options,
 ) => {
   const suspendedElement = <Suspense>{element}</Suspense>;
-  const { default: reactDOMServer } = await import("react-dom/server");
+  const reactDOMServer = await import("react-dom/server");
 
   let html!: string;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {

diff --git a/packages/render/src/node/render-async.tsx b/packages/render/src/node/render-async.tsx
@@ -13,7 +13,7 @@ export const renderAsync = async (
   options?: Options,
 ) => {
   const suspendedElement = <Suspense>{element}</Suspense>;
-  const { default: reactDOMServer } = await import("react-dom/server");
+  const reactDOMServer = await import("react-dom/server");
 
   let html!: string;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {

diff --git a/packages/render/src/node/render.tsx b/packages/render/src/node/render.tsx
@@ -10,7 +10,7 @@ export const render = async (
   options?: Options,
 ) => {
   const suspendedElement = <Suspense>{element}</Suspense>;
-  const { default: reactDOMServer } = await import("react-dom/server");
+  const reactDOMServer = await import("react-dom/server");
 
   let html!: string;
   if (Object.hasOwn(reactDOMServer, "renderToReadableStream")) {