Connect React with AWS Cognito.

App.js

/*

yarn add aws-amplify aws-amplify-react

*/
/* Add Imports */
import Amplify, { Auth } from "aws-amplify";
import { withAuthenticator } from "aws-amplify-react";

/* Add following code outside App component */
Amplify.configure({
  Auth: {
    mandatorySignIn: false,
    region: 'us-east-1',
    userPoolId: '<poolID>',
    identityPoolId: '<identityPoolId>',
    userPoolWebClientId: '<clientID>',
  }
});

const signUpConfig = {
  hideAllDefaults: true,
  signUpFields: [
    {
      label: "Email",
      key: "email",
      required: true,
      displayOrder: 1,
      type: "string"
    },
    {
      label: "Password",
      key: "password",
      required: true,
      displayOrder: 2,
      type: "password"
    }
  ]
};
const usernameAttributes = "email";



/* Replace export default App with following snippet */

export default withAuthenticator(App, {
  signUpConfig,
  usernameAttributes
});