Tengo un formulario amplify-authenticator que utilizo para restablecer la contraseña. Si ingreso un código incorrecto, recibo una respuesta de la API que dice
CodeMismatchException: se proporcionó un código de verificación no válido, inténtelo de nuevo.
lo cual es correcto, pero todo el formulario se congela y también recibo este mensaje en la consola del navegador:
Error: No capturado (en promesa): TypeError: No se pueden leer las propiedades de undefined (leyendo 'authAttributes') TypeError: No se pueden leer las propiedades de undefined (leyendo 'authAttributes') en actorDoneData (index.js:2:34774)
que apunta a webpack:///node_modules/@aws-amplify/ui/dist/esm/index.js
Este es el código que tengo:
HTML
<amplify-authenticator [services]="services" initialState="resetPassword"></amplify-authenticator>TS
this.services = { async handleForgotPasswordSubmit(formData): Promise<void> { const { username, code, password } = formData; return Auth.forgotPasswordSubmit(username, code, password) .then(res => { // Do something on success }) .catch(err => { // The ERROR is here console.log(err); }); } };Indique qué puedo hacer para evitar el problema de congelación de formularios. ¡Gracias!
EDITAR: Parece que si .catch de la promesa, el problema desaparece.