#Converting a significant number of CSS-in-JS to v7
14 messages · Page 1 of 1 (latest)
I have the same question too, it would be really nice if there is an migration tool or script, that at least partially automate the conversion process. It is painful to re-write all those styles in css
Same here, I'm not sure we'll migrate anytime soon... that's frustrating 🤷♂️
it was great if there was an option to gradually migrate, to let both versions live in parallel until we migrate all
and there's also the styles prop to migrate 🤦♂️
You can install @mantine/styles package, it still uses version 6.x and has no bindings to @mantine/core. Note that you will need two MantineProviders in your application.
It works for createStyles only though, styles and sx props are gone for good
This is looking quite bleak. I honestly never imagined a UI library would suddenly deprecate their central UI feature. ugh.
So I'm looking at options and wondering if the update is worth it, or switching to a new UI library is a better choice so we aren't stuck on 6 and only receiving bug fixes. The migration would be a pain, but I'm not upending my whole framework because of one library.
migrating is not really necessary unless you have a specific reason to, like you are facing a lot of issues with SSR
plenty of us here have had apps across 4/5/6 and selectively not upgraded depending on the need
bug fixes are typically almost never a requirement for upgrade, it's just features, in my experience the library rarely has issues
Thanks for the info, our frameworks is using NextJS + Mantine and most everything is SSR involved. This may be specific to our scenario but I'm still thinking that I'm missing something. I also upgraded from earlier versions no prob, but this one is quite different in our scenario.
I think I need to think more

this is unfortunately the reality with react now, chakra ui is having to also drop css in js, i believe mui is also scrapping it too, due to react choosing to go down the rsc route
I didn't know that, so theres a general shift