AWS Amplify Auth sign-in issues with React Native

Question

I am experiencing an issue with the AWS Amplify Auth sign in button in React Native only (both in iOS and Android). I've tried both the withAuthenticator() implementation as well as a custom flow using Auth.signIn(). Clicking the sign in button does absolutely nothing with no error reported in the React Native debugger. The exact same configuration / user pool is used on a parallel web app and that works absolutely fine (tried using a different userPoolWebClientId just in case that was the issue). I have installed amazon-cognito-identity-js and react-native link and have reset all caches. The sign in ui renders fine, but the click action just does nothing.

import/config used:

import Amplify from 'aws-amplify';
import awsmobile from './aws-exports';
import { withAuthenticator } from 'aws-amplify-react-native';

Amplify.configure(awsmobile);

and tried manual config as well:

Amplify.configure({
  Auth: {
    identityPoolId: 'xx-xxxx-x:xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx',
    region: 'us-east-1',
    userPoolId: 'us-east-1_xxxxxxxxx',
    userPoolWebClientId: 'xxxxxxxxxxxxxxxxxxxxxxxxxx',
  }
});

Using withAuthenticator:

export default withAuthenticator(App, true);

relevant packages used:

"amazon-cognito-identity-js": "^3.0.12",
"aws-amplify": "^1.1.28",
"aws-amplify-react": "^2.3.8",
"aws-amplify-react-native": "^2.1.12",
"react": "16.8.6",
"react-apollo": "^2.5.6",
"react-dom": "^16.8.6",
"react-native": "0.59.9",

Oddly enough, the Forget Password action will send out a verification email, but the ui does not respond to the button click as well.

I'm guessing this is something very minor with configuration, but unable to determine what this issue is. It is also very odd that there is not any errors reported. Any insight is appreciated.

Below is complete output from the debugger - with the last line added after the click of the sign in button:

AWS Amplify Auth sign-in issues with React Native

0 Answers