fix: turbopack issues with optional @react-email/render (#696)

Author: gabrielmfern

src/render.ts

@@ -1,18 +1,12 @@
-export function render(node: React.ReactNode) {
-  return new Promise<string>((resolve, reject) => {
-    // we don't use async here, because tsup transpiles it to
-    // using a generator syntax that, if used in conjunction
-    // with a bundler on the user's side, breaks these try-catch shenanigans
-    import('@react-email/render')
-      .then(({ render }) => {
-        resolve(render(node));
-      })
-      .catch(() => {
-        reject(
-          Error(
-            'Failed to render React component. Make sure to install `@react-email/render` or `@react-email/components`.',
-          ),
-        );
-      });
-  });
+export async function render(node: React.ReactNode) {
+  let render: typeof import('@react-email/render').render;
+  try {
+    ({ render } = await import('@react-email/render'));
+  } catch {
+    throw new Error(
+      'Failed to render React component. Make sure to install `@react-email/render` or `@react-email/components`.',
+    );
+  }
+
+  return render(node);
 }

tsconfig.json

@@ -15,7 +15,7 @@
     "outDir": "build",
     "resolveJsonModule": true,
     "strict": true,
-    "target": "es6",
+    "target": "es2017",
     "types": ["vitest/globals"]
   },
   "include": ["src"]