Estoy usando las tiendas mobx en mi aplicación nativa de reacción para la administración del estado, quiero mostrar un modal de error durante 5 segundos y luego ocultarlo, uso async en mi función mobx pero aunque configuro la variable de error en '' el modal se mantiene mostrando, por lo que la variable de error está configurada correctamente en el mensaje de error pero no vuelve al estado predeterminado "".

En AppStore.js

 async handleAppError(error) { const delay = (ms) => new Promise((res) => setTimeout(res, ms)); this.setError('¡Oops, algo salió mal! Intentalo más tarde'); await delay(5000); this.setError(''); } setError(payload) { this.error = payload; }

Cómo muestro y escondo modal es muy simple, modal nunca se oculta después de 5 segundos...

 { root.mapStore.error != '' && ( <ErrorModal1></ErrorModal1> )}