Mantine css not work in product version after update nextjs 14.0.1 to 14.3.2

[eurus1]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.9.2

What package has an issue?

@mantine/core

What framework do you use?

Next.js

In which browsers you can reproduce the issue?

All

Describe the bug

i use nextjs 14.1.3 and mantine componnents in my project and project work fine, but after update my nextjs version to 14.2.3 my styles not work in build wersion but when i use the dev mod everyting is ok. can help me to fix this issue?

If possible, include a link to a codesandbox with a minimal reproduction

No response

Possible fix

No response

Self-service

• I would be willing to implement a fix for this issue

[rosaldo260]

Yeah, I see the same issue that mantine styles over-ride my custom styles and it worked before with the same setup.

I've not found a fix for it yet.

[rtivital]

What exactly does not work?

If you need to override styles, see https://mantine.dev/styles/mantine-styles/#css-layers

[eurus1]

thanks for answer, in this images you can see what happen exactly.

[rosaldo260]

I've found the issue - I've imported a client component which uses Mantine into the layout.html and that causes some components to force mantine styles over the modules. For me it's solved issue, sorry for the not very useful comment.

[kishoremongar]

Thank you for sharing your insights.

It seems like moving the imports to the client component, resolves this conflicts.
The imports earlier was called in the server component and was working fine, but has some issues from migrating next.js 14.1 to 14.2