Feature suggestion: Send plain text by default when react email component is provided

[mbifulco]

I noticed a warning in Resend's insights feature that my nicely styled react emails weren't sending plaintext in addition to the formatted message:

I don't know what gave me this perception, but I assumed that resend would automatically generate a plaintext message when a react-email component was supplied to generate an email message.

My suggestion is that plaintext generation should be the default behavior.

For now, I've accomplished this on my personal site here -

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

  import { WelcomeEmail } from './templates/WelcomeEmail';

  const resend = new Resend(env.RESEND_API_KEY);

  export const sendWelcomeEmail = async ({
    return;
  }
  
  // this component is made using react-email
  const WelcomeMessage = <WelcomeEmail firstName={firstName} />;

  // send the email
  const { data, error } = await resend.emails.send({
    from: 'Example <[email protected]>',
    to: [email],
    subject: "Welcome message subject line",
    react: WelcomeMessage,                                    // react component
    text: await render(WelcomeMessage, { plainText: true }),  // plaintext 
  });

The pattern I'm using for generating plaintext is derived from resend/react-email#320

[Rustix69]

I would like work on this issue, if that's okay.

[mbifulco]

I would like work on this issue, if that's okay.

@Rustix69 go for it! I'd love to see this added to the library.

[joaoalberto-dev]

@Rustix69 are you working on this? I put together a fix on my end so if you need some help we can pair on this PR.

[joaoalberto-dev]

@bukinoshita do you think this change makes sense? I have a PR ready that I'm using on my end via patch.

[jvgomg]

I believed the plaintext would automatically send too. I only found out it didn't when I went to have a look at an unrelated issue in the Resend dashboard and too a look at the "Insights" tab.

I think the fact you wire up the React component to a property called react, the fact that react-email dev tools show you the plaintext preview, and that there is no mention in the docs about how to send HTML and Plaintext emails together indicates that it would "just work".

If automatically including the plaintext when sending is not a good idea, for some reason, it would be good to indicate this in the docs or have a way to turn it on with a prop like includeText when calling .send().

Otherwise - keep up the good work, Resend peeps!