Material UI V5 support?

[ZLevine]

Does this plugin work with Material UI V5 (alpha)? The docs only reference V3 and V4. Thanks!

[ZLevine]

How so? I presume an MUI plugin would still be useful as it would abstract away a lot of things like server side stylesheets, ThemeProvider, etc.

[oliviertassinari]

abstract away a lot of things like server side stylesheets, ThemeProvider, etc.

@ZLevine Gatsby uses the notion of "theme" for the solution you are interested in. See https://github.com/hupe1980/gatsby-theme-material-ui.

[ZLevine]

Ah thanks, I didn't know there was a Gatsby theme for MUI!

[oliviertassinari]

Actually, I was wrong. We still need a plugin for Gatsby with Material-UI v5 based on mui/material-ui#26561 (comment). Now, there is an extra layer of complexity, we support emotion and styled-components. So while we could argue, just use these plugins, we could also argue that these plugins do it wrong.

[ZLevine]

Gotcha. Yeah, it seems that because of all the complexity MUI requires for initial setup, a plugin would be preferable. Themes are great to "bootstrap" based on the plugin but a plugin seems more appropriate here.

[oliviertassinari]

We can start from https://github.com/mui-org/material-ui/tree/next/examples/gatsby/

[hupe1980]

I have prepared the next branch accordingly

[oliviertassinari]

@hupe1980 Awesome, I have left a few comments on c18fff2 if you want to push it the extra mile.

My main concern with Gatsby is the trend it's on: https://npm-stat.com/charts.html?package=gatsby&package=next&package=react-scripts&from=2020-08-07&to=2021-08-07.

[hupe1980]

The plugin can now also be used for V5:

npm install gatsby-plugin-material-ui@next @emotion/react

Only emotion is supported at the moment!

[ZLevine]

The plugin can now also be used for V5:

npm install gatsby-plugin-material-ui@next @emotion/react

Only emotion is supported at the moment!

This is fantastic news! Will test this out soon.

@hupe1980 Awesome, I have left a few comments on c18fff2 if you want to push it the extra mile.

My main concern with Gatsby is the trend it's on: https://npm-stat.com/charts.html?package=gatsby&package=next&package=react-scripts&from=2020-08-07&to=2021-08-07.

Yeah—from experience, Gatsby SSG can be a pain for larger sites and they don't have true SSR like Next does. For smaller sites, it's still a really great way to bootstrap things and get up and running quickly. I love the Gatsby plugin ecosystem but there's an open RFC in Next for the same thing. Next seems to be leaping over them in terms of features, performance, and developer experience. It's easier for Next to compete because they have a real company behind them that makes money from a myriad of products.

Anyways, I don't think Gatsby is going anywhere and it will continue to have a place. Just not necessarily for large sites. :)

[ZLevine]

Just tested and can confirm that MUI V5 functions correctly on the next branch! Thanks @hupe1980 and @oliviertassinari . Will log new issues if I run into anything else in development.