Skip to content

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

@victorgomesl

Description

@victorgomesl

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions