mickasmt / next-saas-stripe-starter

Open-source SaaS Starter with User Roles & Admin Panel. Built using Next.js 14, Prisma, Neon, Auth.js v5, Resend, React Email, Shadcn/ui, Stripe, Server Actions.
https://next-saas-stripe-starter.vercel.app
MIT License
1.95k stars 354 forks source link

Error "Dynamic Code Evaluation not allowed in Edge Runtime" error when using @react-email/tailwind in Next.js #54

Open victorgomesl opened 3 months ago

victorgomesl commented 3 months ago

I am facing an issue when using the @react-email/tailwind library in a Next.js project. During the project build, I receive the following error:

./node_modules\@react-email\components\node_modules\@react-email\tailwind\dist\index.mjs Dynamic Code Evaluation (e. g. 'eval', 'new Function', 'WebAssembly.compile') not allowed in Edge Runtime Learn More: https://nextjs.org/docs/messages/edge-dynamic-code-evaluation

The error indicates that dynamic code evaluation is not allowed in the Next.js Edge runtime. I have tried a few solutions, such as configuring the transpilePackages option in next.config.js and disabling the Edge runtime for specific routes, but the error persists. I am using Next.js version 14.2.5 and the latest version of the @react-email/tailwind library. The project is based on the next-saas-stripe-starter starter kit and uses Resend for sending emails. I would like to know if there is any fix or workaround for this issue, as the @react-email/tailwind library is an important dependency for sending emails in the project.

Thank you in advance for any help or guidance in resolving this issue.

hisachin commented 3 months ago

I have fix the issue and created a PR https://github.com/mickasmt/next-saas-stripe-starter/pull/55 for the same. You can update your code until it is not merged