N
Novu•4w ago
vytor

Novu-default-css breaks tailwind@v4?

- NextJS: 15.2.0 - React: 19.0.0 - Novu React: 2.6.6 - Tailwind: 4.0.12 When using the <Inbox/> component, the novu-default-css gets automatically imported and breaks variables/classes in Tailwind@v4. Example component: 
export function NotificationBox() {
  const identifier = "foo";
  const user = { id: "test" };
  return <Inbox
    applicationIdentifier={identifier}
    subscriberId={user.id}
  />;
}
export function NotificationBox() {
  const identifier = "foo";
  const user = { id: "test" };
  return <Inbox
    applicationIdentifier={identifier}
    subscriberId={user.id}
  />;
}
The images show the before and after adding the component to the page
No description
No description
1 Reply
Pawan Jain
Pawan Jain•3w ago
@vytor Thanks for reporting the issue. We are working on the fix. I will keep you updated @vytor This bug is fixed in @novu/react v3.0.0 Can you please check from your end?

Did you find this page helpful?