Усилить атрибуты Get User, используя withAuthenticator при регистрации

Question

Я настраиваю реактивное приложение с Cognito и Amplify с Authenticator. Попытка получить пользовательские данные по клику регистрации. Используя Hub прямо сейчас, все еще на SignUp не могу получить электронную почту и номер телефона пользователя.

Hub.listen('auth', (data) => {
  switch (data.payload.event) {
    case 'signIn':
       console.log('Confirmed Signed In')
      break;
    case 'signIn_failure':
      this.setState({ authState: 'signIn', authData: null, authError: data.payload.data });
      break;
    case 'signUp':
      console.log('user signed up' + data.payload.data.codeDeliveryDetails.Destination);
      //TODO Code here to insert into Database
      break;
    case 'confirmSignUp':
      console.log('Confirmed sign up')
      break;
    case 'signOut':
      console.log('user signed out');
      break;
    case 'signIn_failure':
      console.log('user sign in failed');
      break;
    case 'configured':
      console.log('the Auth module is configured');
      break;
    default:
      break;
  }
});

Электронная почта не в виде обычного текста, как показано на рисунке, она отмечена звездочками. Есть ли другое событие, которое мне нужно слушать через Hub? Или есть фрагмент кода, который я могу использовать для захвата события signUp и чтения пользовательских атрибутов из формы?

Я пробовал что-то подобное, но это не сработало:

class App extends React.Component {
signUp = async () => {
    try {
      await Auth.signUp({
        username, 
        password, 
        attributes: { email, phone_number }
      })
        .then(user => console.log("signup info:" + user))
    }
    catch (err) {
      console.log('error signing up user...', err)
    }
  }
}