amplify-customization.tsx

const signInFields = [
  {
    type: "email",
    label: "Email",
    placeholder: "Please enter your Email",
    required: true,
  },
  {
    type: "password",
    label: "Password",
    placeholder: "Please enter your Password",
    required: true,
  },
];
const signUpFields = [
  {
    type: "username",
    label: "Username",
    placeholder: "Please enter your Username",
    required: true,
  },
  {
    type: "email",
    label: "Email",
    placeholder: "Please enter your Email",
    required: true,
  },
  {
    type: "password",
    label: "Password",
    placeholder: "Please enter your Password",
    required: true,
  },
];

const App = () => (
 <AmplifyAuthenticator usernameAlias="email">
   
   <AmplifySignUp
          headerText="Sign Up"
          slot="sign-up"
          usernameAlias="email"
          formFields={signUpFields}>
   </AmplifySignUp>'
   
    <AmplifySignIn
          headerText="Log in to Dashboard"
          slot="sign-in"
          usernameAlias="email"
          formFields={signInFields}>
   </AmplifySignIn>
      
   <BrowserRouter>
          <Switch>
            //React Routes
            <Route path="/" component={Home} />
          </Switch>
    </BrowserRouter>
    
</AmplifyAuthenticator>
);