Estoy usando los paquetes npm @aws-amplify/ui-vue (2.1.2) y @aws-amplify/auth (4.4.1) junto con Cognito para presentar el inicio de sesión del usuario en una aplicación web.

Cada vez que creo una nueva cuenta y el usuario inicia sesión por primera vez para verificar el nombre y cambiar la contraseña temporal, la información del usuario y las credenciales de acceso asociadas con el rol autenticado del usuario no están definidas. Si el usuario vuelve a cargar la página para iniciar sesión o cerrar sesión, entonces todo funciona como se espera.

¿Hay una buena manera de garantizar que la sesión de inicio de sesión tenga credenciales definidas? ¿Cómo se prueba la solución antes de que llegue al usuario?

 <template> <authenticator :hide-sign-up="true"> <template v-slot="{ user, signOut }"> <!-- undef user fields 1st time only --> <p>Hello {{ user?.attributes?.name }}!</p> <!-- other AWS access, eg S3 reads, fail 1st time, too. --> <button @click="signOut">Sign Out</button> </template> </authenticator> </template> <script> import { Authenticator } from '@aws-amplify/ui-vue'; import '@aws-amplify/ui-vue/styles.css'; import Amplify from 'aws-amplify'; import awsconfig from './aws-exports'; // amplify config Amplify.configure(awsconfig); export default { name: 'App', components: { Authenticator }, data() { return {} } } </script>