Tengo un panel de control receptivo con elementos Material Ui Grid . Y uno de los elementos de la cuadrícula envuelto en un elemento div que rompe el diseño.
Aquí está el patio de recreo con elemento div : https://codesandbox.io/s/basicgrid-material-demo-forked-pkkil?file=/demo.js
Aquí está el patio de recreo sin el elemento div , y así debería ser con div: https://codesandbox.io/s/b1wsf?file=/demo.js
el elemento div no puede ser reemplazado o eliminado...
¿Alguna sugerencia?
El componente Mui Grid está diseñado de la manera en que el Grid container siempre debe ser padre del Grid item . Grid container Grid item de cuadrícula y le pasa una configuración adicional que no se basa en el contexto de reacción.
La única forma sensata de hacer que esto funcione es eliminar div.
O proporcione estilos css personalizados a esto para emular el espaciado de la cuadrícula.