Fix(docs): add await to the integration examples in the documentation (#1672)

Author: ickynavigator

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(<Email url="https://example.com" />);
+const emailHtml = await render(<Email url="https://example.com" />);
 
 const params = {
   Source: '[email protected]',
@@ -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: '[email protected]',

apps/docs/integrations/mailersend.mdx

@@ -58,7 +58,7 @@ const mailerSend = new MailerSend({
   apiKey: process.env.MAILERSEND_API_KEY || '',
 });
 
-const emailHtml = render(<Email url="https://example.com" />);
+const emailHtml = await render(<Email url="https://example.com" />);
 
 const sentFrom = new Sender("[email protected]", "Your name");
 const recipients = [

apps/docs/integrations/nodemailer.mdx

@@ -65,7 +65,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: '[email protected]',
@@ -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: '[email protected]',

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(<Email url="https://example.com" />);
+  const emailHtml = await render(<Email url="https://example.com" />);
 
   plunk.emails.send({
     to: "[email protected]",
@@ -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: "[email protected]",

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(<Email url="https://example.com" />);
+const emailHtml = await render(<Email url="https://example.com" />);
 
 const options = {
   From: '[email protected]',
@@ -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: '[email protected]',

apps/docs/integrations/scaleway.mdx

@@ -66,7 +66,7 @@ const client = createClient({
 const transactionalEmailClient = new TransactionalEmail.v1alpha1.API(client);
 
 
-const emailHtml = render(<Email url="https://example.com" />);
+const emailHtml = await render(<Email url="https://example.com" />);
 
 const sender = {
   email: "[email protected]",

apps/docs/integrations/sendgrid.mdx

@@ -57,7 +57,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: '[email protected]',
@@ -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: '[email protected]',

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(<MyTemplate firstName="Jim" />);
+const html = await render(<MyTemplate firstName="Jim" />);
 ```
 
 ## License