En mi código (reaccionar) tengo esta regla de tema anidada (!) autogenerada de JSS MUI:

 .MuiGrid-spacing-xs-4-348 > .MuiGrid-item-324 { padding: 16px; }

Quiero abordar esta regla usando:

 createTheme(theme, { overrides: { MuiGrid: { 'spacing-xs-4': { width: "100%", margin: 0, // what to write here? This doesn't work: // '& .MuiGrid-item' : { // border: 20px solid pink, // }, }, }, }, }, });

¿Qué tengo que escribir?

Cada vez que algún JSS/MuiDev está leyendo esto:

Me parece una tontería cambiar la sintaxis de las teclas a cadenas similares a CSS con el fin de asignar reglas a las clases generadas por MUI .

Tengo que escribir:

 MuiGrid: { 'spacing-xs-4': {

(¿O hay alguna otra forma?) en lugar de, por ejemplo:

 MuiGrid: { spacing: { xs: { 4: {

¿No tendría mucho más sentido?

¡Gracias por los comentarios útiles!