[BUG] - toastProps classNames are not working as expected.

[IsraelDCastro]

HeroUI Version

2.7.2

Describe the bug

When I try to set global CSS classes using toastProps in component is not working as should be.

<ToastProvider  toastProps={{ classNames: { title: "text-lg bg-red-500", base: "bg-green-700" }}} />

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Just try to set global CSS classes in:

<ToastProvider  toastProps={{ classNames: { title: "text-lg flex-col bg-red-500", base: "bg-green-700" }}} />

Expected behavior

I expected when I set global CSS classes to work as docs says.

Screenshots or Videos

Operating System Version

macOS

Browser

Chrome

[linear]

ENG-2113 [BUG] - toastProps classNames are not working as expected.

[macci001]

Hey @IsraelDCastro,

Sorry for the delayed response.

I tried to reproduce this issue this issue, but seems like it works well on my end. You can check my trial here: https://codesandbox.io/p/devbox/competent-pine-fg84pq . Some folks had issues with toast which were resolved on cleaning up their node_modules and .next(if using nextJs). Maybe you can try this out once.

If the issue persists, please do let us know. We will be happy to help.

[IsraelDCastro]

Hello @macci001, cleaning node_modules worked for me. Thank you.