Docs: Error when using Resender

[miguelvelasquezdev]

Describe the Bug

Docs say that we should write the code like that:

but when I use this code, i get this error:

Resend docs says that it should be like that:

(Sorry if it's a false alarm, and maybe I'm using it in a wrong way.)

Which package is affected (leave empty if unsure)

docs

Link to the code that reproduces this issue

https://github.com/resendlabs/react-email/blob/d158ad77e3798808b4efbd322b618922da12529e/docs/integrations/resend.mdx?plain=1#LL68C53-L68C53

To Reproduce

import { Resend } from 'resend';
import { Email } from './email';

const resend = new Resend('re_123456789');

resend.sendEmail({
  from: '[email protected]',
  to: '[email protected]',
  subject: 'hello world',
  react: <Email firstName="John" product="MyApp" />,
});

Expected Behavior

I expect to don't get this error:

'EmailReceipt' refers to a value, but is being used as a type here. Did you mean 'typeof EmailReceipt'?ts(2749)

What's your node version? (if relevant)

18.15.0

[rfoel]

It seems this error is caused because the extension of your file is not .jsx nor .tsx.

[bukinoshita]

Are you using with Nextjs? If not, you will need a transpiler for node.js to understand jsx

[MahmoudTahaCaisy]

@miguelvelasquezdev

Are you find the solution?