Actualmente tengo un diálogo
<Dialog open={open} data-testid="myTestDialog" disableEscapeKeyDown={true} disableBackdropClick={true} >De los documentos https://material-ui.com/api/dialog/ disabledBackdropClick está depreciado y onClose debería usarse en su lugar, pero ¿cómo puedo modificar el código anterior para que funcione usando el nuevo onClose? No estoy familiarizado con esta función /firma
Para usar onClose, su variable open debe ser configurable. Cuando abierto es verdadero, se muestra el cuadro de diálogo y cuando se llama a onClose, se establece abierto en falso, pero solo cuando no se cierra debido a un clic en segundo plano o una pulsación de escape.
P.ej
<Dialog open={open} data-testid="myTestDialog" onClose={(event, reason) => { if(reason !== 'backdropClick' && reason !== 'escapeKeyDown') { // Set 'open' to false, however you would do that with your particular code. setOpen(false); } } >