Rendering Error in React Email with Tailwind

[Thrinkxs]

I ran into this error while trying to create an email with react email.
[Error: You are trying to use the following Tailwind classes that cannot be inlined: space-y-3 space-y-2.
For the media queries to work properly on rendering, they need to be added into a <style> tag inside of a tag,
the Tailwind component tried finding a element but just wasn't able to find it.

Make sure that you have a element at some point inside of the component at any depth.
This can also be our component.

If you do already have a element at some depth]

[Awaiskazmi154]

Getting same type of issue.

You are trying to use the following Tailwind classes that cannot be inlined: hover:bg-green-600 hover:bg-green-600 hover:bg-purple-600 hover:bg-purple-600 hover:border hover:border hover:border hover:border.
For the media queries to work properly on rendering, they need to be added into a <style> tag inside of a tag,
the Tailwind component tried finding a element but just wasn't able to find it.

Make sure that you have a element at some point inside of the component at any depth.
This can also be our component.

If you do already have a element at some depth,
please file a bug https://github.com/resend/react-email/issues/new?assignees=&labels=Type%3A+Bug&projects=&template=1.bug_report.yml.

"dependencies": {
"next": "^15.5.3",
"react": "^19.0.0",
"react-dom": "^19.0.0",
"@react-email/components": "^0.5.7",
...
...
}