Lo siento si se ha preguntado esto, ¡busqué y no pude encontrar la respuesta!

Tengo una vista de lista de IU de Material que tiene un ancho establecido (está en una barra lateral). Estoy tratando de representar los títulos de algunas opciones, y el texto principal de ListItemText está superando su contenedor. ¿Por qué no se trata simplemente de ampliar la altura del contenedor y pasar a varias líneas?

Muchas gracias de antemano!

 return ( <ListItem key={network._id} selected={user.network && user.network._id === network._id} > <ListItemText primary={network.name} sx={{ maxWidth: '100%' }} /> <IconButton> <DoubleArrowIcon /> </IconButton> </ListItem> );