MUI V5 precedence - nested classes?

[garronej]

MUI V5 precedence - nested classes?

[garronej]

Damn it, it's not the expected behaviour indeed. Probably something that need to be addressed on the mui side though.
I will investigate with them.
In the meantime the only workaround I can suggest is this: https://stackblitz.com/edit/tss-react-wfuji8?file=Hello.tsx

Thank you for reporting

[garronej]

I have opened an issue about it.

In the meantime, since it looks like to be specifically related to the <Chip/> component you could use && to increase specificity:

const ChipStyled= withStyles(Chip, { 
    "deleteIcon": {
        "&&":{
            "color": "red"
        }
    }
});

[JohnnyCrazy]

Sounds good, ty for the fast help :)

[JohnnyCrazy]

Maybe related to mui/material-ui#28664 and not even in the scope of tss-react 🤔

[garronej]

They closed it. So do I. I don't think it's up to me. Reopen if you think otherwise.