In the era of React Server Components and the Next.js App Router, component libraries like Material UI must make some paradigm-shifting changes to reap the potential performance gains by moving more of the work of rendering UIs from client to server. Trouble is, the "traditional" CSS-in-JS solutions we rely on aren't able to come along with us because the React context API only works on the client
![Introducing Pigment CSS: the next generation of CSS-in-JS - MUI](https://cdn-ak-scissors.b.st-hatena.com/image/square/639d7e640ad6fed39c2fdccc52ef9dbcb74a41d5/height=288;version=1;width=512/https%3A%2F%2Fmui.com%2Fstatic%2Fblog%2Fintroducing-pigment-css%2Fcard.png)