MUI + Vercel => different CSS applied

When I use

npm run dev

npm run dev

to develop my website - my css is applied "as intended" - and I have styled my MUI-components to match my needs. However, when I push it to Vercel, it seems that the custom MUI-classes, gets added last (even though the order in class='' is the same).

When rendered on Vercel, MUI-classes are the last classes in the cascade (viewed in Inspector), where as when rendered locally, MUI-classes are soms of the first in the cascade - this getting overwritten.

This results in drastic different results on dev and prod.

How can i make sure the behaviour is the same ?

deforestor•2/2/23, 12:23 PM

Does it not happen if you build locally?

deforestor•2/2/23, 12:23 PM

I mean, I'm assuming that by "local", you meant running dev

_tweak^proneOP•2/3/23, 9:19 AM

Hi deforstor; great question, for some reason i didnt test that - i will test it right away

_tweak^proneOP•2/3/23, 4:54 PM

@deforestor Quite right - followed by seems to product the same problems.

deforestor•2/3/23, 4:56 PM

Well that's perfect, easier to debug if it's local

deforestor•2/3/23, 4:57 PM

Are you using tailwind with MUI or not?

deforestor•2/3/23, 5:00 PM

https://github.com/vercel/next.js/issues/5892

GitHub

material-ui CSS styles not applied when running in production mode ...

Bug report Describe the bug Used the material-ui Next.js starter https://github.com/mui-org/material-ui/tree/master/examples/nextjs, and wrote an app. The app works fine when running with yarn dev,...

deforestor•2/3/23, 5:00 PM

Interesting... Try this

deforestor•2/3/23, 5:00 PM

If that works, this really seems to be a weird behavior on next's part

_tweak^proneOP•2/3/23, 8:43 PM

@deforestor im using it with Tailwind

I will try.