Template rendering issue in Nextjs 13.5.4

shellscape / jsx-email

Build emails with a delightful DX

https://jsx.email

MIT License

897 stars 28 forks source link

Template rendering issue in Nextjs 13.5.4 #106

Closed bonface221 closed 6 months ago

bonface221 commented 6 months ago

Template rendering Issue in next js

Component or Package Name: NewContactLead.tsx
Component or Package Version: 1.4.1
@jsxp-email/cli Version?: 1.4.1
Operating System (or Browser): windows chrome
Node Version: 18
Link to reproduction (⚠️ read below): https://stackblitz.com/edit/stackblitz-starters-kxjpvt?file=app%2Factions.ts

Expected Behavior

I expected the template to render to html but is is not

Actual Behavior

Errors as attached in the screenshot.

shellscape commented 6 months ago

Hey there. Thanks for the issue. The problem is that your filename has to end with .jsx or .tsx. You can't put JSX into a regular .ts or .js file unfortunately. (Or you can use the function notation for calling the component)

Would also recommend updating to Next 14 if possible.

bonface221 commented 6 months ago

Hello, @shellscape my actions.ts should be tsx?

bonface221 commented 6 months ago

Okay thanks

bonface221 commented 6 months ago

Thanks