Have the text property automatically filled when the react property is used when sending emails.

[ValentinH]

Do you recommend to always send a text version of an email along with the html version? If yes, could we have the SDK automatically set the text property when we use the react one (doing a second render with the plainText: true option)?

• https://github.com/resend/resend-node/blob/canary/src/emails/emails.ts#L30
• https://github.com/resend/resend-node/blob/canary/src/batch/batch.ts#L27

[bukinoshita]

Do you recommend to always send a text version of an email along with the html version? If yes, could we have the SDK automatically set the text property when we use the react one (doing a second render with the plainText: true option)?

• https://github.com/resend/resend-node/blob/canary/src/emails/emails.ts#L30
• https://github.com/resend/resend-node/blob/canary/src/batch/batch.ts#L27

Yes, having the text version of the email is usually recommended.
That's a great suggestion, ideally this should be on API side so user never needs to send the text version doesn't matter which SDK they are using. Doing on SDK side with React Email is easier though

We will explore more

[jessethomson]

It seems this still hasn't been implemented.

In the meantime, is this how you all would recommend working around this?

import { Resend } from 'resend';
import { render } from '@react-email/render';

const resend = new Resend('re_123456789');

async function sendEmail() {
    const jsx = <MyTemplate />;
    const text = await render(jsx, {
        plainText: true,
    });

    await resend.emails.send({
        from: 'Acme <[email protected]',
        to: ['[email protected]'],
        subject: 'hello world',
        react: jsx,
        text,
    });
}

[sommeeeer]

It seems this still hasn't been implemented.

In the meantime, is this how you all would recommend working around this?

yeah this is how i am using it, but i must agree i would love it to have an option for automagically sending a text version along with a react email. for now this is what i do:

async function sendEmail({
  from,
  to,
  subject,
  component,
}: {
  from: string;
  to: string | string[];
  subject: string;
  component: JSX.Element;
}) {
  const [html, text] = await Promise.all([
    render(component),
    render(component, {
      plainText: true,
    },)
  ]);
  const { data, error } = await resend.emails.send({
    from,
    to,
    subject,
    html: html,
    text: text,
  });
  if (error) {
    throw new Error(error.message);
  }
  return data;
}