diff --git a/apps/docs/integrations/aws-ses.mdx b/apps/docs/integrations/aws-ses.mdx
index e3605a82f9..db262fb50c 100644
--- a/apps/docs/integrations/aws-ses.mdx
+++ b/apps/docs/integrations/aws-ses.mdx
@@ -57,7 +57,7 @@ import { Email } from './email';
const ses = new SES({ region: process.env.AWS_SES_REGION })
-const emailHtml = render();
+const emailHtml = await render();
const params = {
Source: 'you@example.com',
@@ -88,7 +88,7 @@ import { Email } from './email';
const ses = new SES({ region: process.env.AWS_SES_REGION })
-const emailHtml = render(Email({ url:"https://example.com" }));
+const emailHtml = await render(Email({ url:"https://example.com" }));
const params = {
Source: 'you@example.com',
diff --git a/apps/docs/integrations/mailersend.mdx b/apps/docs/integrations/mailersend.mdx
index c93a7e8569..6c11274132 100644
--- a/apps/docs/integrations/mailersend.mdx
+++ b/apps/docs/integrations/mailersend.mdx
@@ -58,7 +58,7 @@ const mailerSend = new MailerSend({
apiKey: process.env.MAILERSEND_API_KEY || '',
});
-const emailHtml = render();
+const emailHtml = await render();
const sentFrom = new Sender("you@yourdomain.com", "Your name");
const recipients = [
diff --git a/apps/docs/integrations/nodemailer.mdx b/apps/docs/integrations/nodemailer.mdx
index ca608bdd8d..aaa89f6e14 100644
--- a/apps/docs/integrations/nodemailer.mdx
+++ b/apps/docs/integrations/nodemailer.mdx
@@ -65,7 +65,7 @@ const transporter = nodemailer.createTransport({
},
});
-const emailHtml = render();
+const emailHtml = await render();
const options = {
from: 'you@example.com',
@@ -92,7 +92,7 @@ const transporter = nodemailer.createTransport({
},
});
-const emailHtml = render(Email({ url: "https://example.com" }));
+const emailHtml = await render(Email({ url: "https://example.com" }));
const options = {
from: 'you@example.com',
diff --git a/apps/docs/integrations/plunk.mdx b/apps/docs/integrations/plunk.mdx
index b3421eb307..405f3d31d6 100644
--- a/apps/docs/integrations/plunk.mdx
+++ b/apps/docs/integrations/plunk.mdx
@@ -59,7 +59,7 @@ Import the email template you just built, convert into a HTML string, and use th
const plunk = new Plunk(process.env.PLUNK_API_KEY);
- const emailHtml = render();
+ const emailHtml = await render();
plunk.emails.send({
to: "hello@useplunk.com",
@@ -75,7 +75,7 @@ Import the email template you just built, convert into a HTML string, and use th
const plunk = new Plunk(process.env.PLUNK_API_KEY);
- const emailHtml = render(Email({ url: "https://example.com" }));
+ const emailHtml = await render(Email({ url: "https://example.com" }));
plunk.emails.send({
to: "hello@useplunk.com",
diff --git a/apps/docs/integrations/postmark.mdx b/apps/docs/integrations/postmark.mdx
index 1b3893b336..ff1fe8c462 100644
--- a/apps/docs/integrations/postmark.mdx
+++ b/apps/docs/integrations/postmark.mdx
@@ -57,7 +57,7 @@ import { Email } from './email';
const client = new postmark.ServerClient(process.env.POSTMARK_API_KEY);
-const emailHtml = render();
+const emailHtml = await render();
const options = {
From: 'you@example.com',
@@ -76,7 +76,7 @@ import { Email } from './email';
const client = new postmark.ServerClient(process.env.POSTMARK_API_KEY);
-const emailHtml = render(Email({ url: "https://example.com" }));
+const emailHtml = await render(Email({ url: "https://example.com" }));
const options = {
From: 'you@example.com',
diff --git a/apps/docs/integrations/scaleway.mdx b/apps/docs/integrations/scaleway.mdx
index 36b610356c..2262a2e53a 100644
--- a/apps/docs/integrations/scaleway.mdx
+++ b/apps/docs/integrations/scaleway.mdx
@@ -66,7 +66,7 @@ const client = createClient({
const transactionalEmailClient = new TransactionalEmail.v1alpha1.API(client);
-const emailHtml = render();
+const emailHtml = await render();
const sender = {
email: "react-email@transactional.email.fr",
diff --git a/apps/docs/integrations/sendgrid.mdx b/apps/docs/integrations/sendgrid.mdx
index 145b4e809c..27144dffc7 100644
--- a/apps/docs/integrations/sendgrid.mdx
+++ b/apps/docs/integrations/sendgrid.mdx
@@ -57,7 +57,7 @@ import { Email } from './email';
sendgrid.setApiKey(process.env.SENDGRID_API_KEY);
-const emailHtml = render();
+const emailHtml = await render();
const options = {
from: 'you@example.com',
@@ -76,7 +76,7 @@ import { Email } from './email';
sendgrid.setApiKey(process.env.SENDGRID_API_KEY);
-const emailHtml = render(Email({ url: "https://example.com" }));
+const emailHtml = await render(Email({ url: "https://example.com" }));
const options = {
from: 'you@example.com',
diff --git a/packages/render/readme.md b/packages/render/readme.md
index f3b156598b..0c07eddf0f 100644
--- a/packages/render/readme.md
+++ b/packages/render/readme.md
@@ -35,7 +35,7 @@ Convert React components into a HTML string.
import { MyTemplate } from "../components/MyTemplate";
import { render } from "@react-email/render";
-const html = render();
+const html = await render();
```
## License