[component: styleOverrides] No longer working

[mtr1990]

In previous versions it worked fine, but now it's not working anymore

Here is the simulation of that behavior
https://codesandbox.io/s/globalthemeoverride-material-demo-forked-46yj7?file=/demo.js:0-760

Please help me, Thanks!

[mnajdova]

Thanks for reporting. I've tested locally and seems like #24253 will fix it. @oliviertassinari FYI

[mtr1990]

Hi @mnajdova , I have also tried some other properties but it doesn't seem to work

It woking fine with variants:[]
but styleOverrides There seems to be a lot of problems

const theme = createMuiTheme({
components: {
MuiButton: {
styleOverrides: {
root: { fontSize: "1rem" }, // <= Working
sizeSmall: { fontSize: "12rem", lineHeight: "22px" }, // <= Not Working
sizeLarge: { fontSize: "12rem" }, // <= Not Working
contained: { backgroundColor: "green", fontSize: "12rem" }, // <= Not Working
containedPrimary: { backgroundColor: "red" } // <= Not Working
},
variants: [
{
props: { size: "small" }, // <= Working
style: { fontSize: 14, lineHeight: "22px", backgroundColor: "red" } // <= Working
},
{
props: { size: "large" }, // <= Working
style: { height: 48, backgroundColor: "green" } // <= Working
}
]
}
}
});

https://codesandbox.io/s/globalthemeoverride-material-demo-forked-46yj7?file=/demo.js