Estoy tratando de resolver algo que es realmente extraño. De forma predeterminada, el fondo del modal de Material UI se atenúa cada vez que está visible. Mientras trato de centrar el modal, estoy aplicando un estilo de traducción css - transform: 'translate(-50%, -50%)' ,. Sin embargo, noté que después de aplicar este estilo, después de aplicar este estilo, el efecto de atenuación desapareció. Además, cuando hago clic fuera del modal, el modal ya no se cierra. ¿Alguien sabe qué podría estar pasando? Por favor, consulte la regla css. ¡Gracias!

 modal: { top: '50%', left: '50%', right: 'auto', bottom: 'auto', transform: 'translate(-50%, -50%)', padding: 0, border: 'none', width: '60%' },