Estoy tratando de cambiar el color de fondo de un modal mui v4, y obtengo una capa gris en la parte superior del fondo, seguro, es el comportamiento predeterminado, pero cómo eliminar el div sombreado, hay un div si lo elimino me dará el color limpio pero no sé cómo apuntar Dudo su papel, ¿alguna idea de cómo deshacerse de este tono o apuntar a ese valor de color en lugar de apuntar al fondo?
const useStyles = makeStyles((theme) => ({ backDrop: { backgroundColor: 'red', }, <Modal className={classes.backDrop} open={context.modal.bool} aria-labelledby='modal-modal-title' aria-describedby='modal-modal-description' > {modalsBody} </Modal>
Entonces, al mirar la documentación del modal , podemos ver que hay una propiedad BackdropProps. Esta propiedad utiliza un objeto de estilo para su valor.
<Modal BackdropProps={{style: {backgroundColor: 'white'}}} />