resend_send_email_with_react_template_typescript.ts

1import { Resend } from 'resend';
2import * as React from 'react';
3
4const resend = new Resend('re_123456789');
5
6interface EmailTemplateProps {
7  firstName: string;
8}
9
10export const EmailTemplate: React.FC<Readonly<EmailTemplateProps>> = ({
11  firstName,
12}) => (
13  <div>
14    <h1>Welcome, {firstName}!</h1>
15  </div>
16);
17
18async function sendEmail() {
19  const { data, error } = await resend.emails.send({
20    from: 'Acme <onboarding@resend.dev>',
21    to: ['delivered@resend.dev'],
22    subject: 'Hello world',
23    react: EmailTemplate({ firstName: 'John' }),
24  });
25
26  if (error) {
27    return console.error({ error });
28  }
29
30  console.log({ data });
31}
32
33sendEmail();