Estoy usando el modal de Material UI para representar contenido. Funciona muy bien. Sin embargo, después de aplicar css de transform: 'translate(-50%, -50%)', en mi modal, el aspecto de atenuación de fondo ya no funciona. De forma predeterminada, atenúa el fondo detrás del modal. He estado buscando en línea para ver si alguien más ha encontrado este problema, pero nadie parece haber hecho esta pregunta antes. Por favor vea mi código abajo. Gracias.

Modal

 <Modal className={classes.modal} open={openModal} onClose={() => setOpenModal(false)} onBackdropClick={() => setOpenModal(false)}> <Paper> {modalType === 'Buy' && renderBuywModal()} </Paper> </Modal>

CSS modal

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