next-saas-stripe-starter icon indicating copy to clipboard operation
next-saas-stripe-starter copied to clipboard

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

Open victorgomesl opened this issue 1 year ago • 1 comments

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.

victorgomesl avatar Aug 05 '24 19:08 victorgomesl