Authentication in Serverless React Application using AWS Amplify

App1.js

import { withAuthenticator } from 'aws-amplify-react';

function App() {
   return (
      ...
   )
}

export default withAuthenticator(App, {
  includeGreetings: true
});

App2.js

const signUpConfig = {
  header: 'Create an Account',
  hideAllDefaults: true,
  defaultCountryCode: '1',
  signUpFields: [
    {
      label: 'Name',
      key: 'name',
      required: true,
      displayOrder: 1,
      type: 'string'
    },
    {
      label: 'Email or Phone number',
      key: 'username',
      required: true,
      displayOrder: 2,
      type: 'string'
    },
    {
      label: 'Password',
      key: 'password',
      required: true,
      displayOrder: 3,
      type: 'password'
    }
  ]
};

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

App3.js

export default withAuthenticator(App, {
  includeGreetings,
  signUpConfig,
  federated: {
    google_client_id: 'google-client-id-goes-here',
    facebook_app_id: 'facebook-app-id-goes-here'
  }
});

index.js

import Amplify from 'aws-amplify';
import config from './aws-exports.js';

Amplify.configure(config);