AWS Amplify Auth: How to disable AmplifyConfirmSignUp?

Question

I'm currently using AWS Amplify auth, using Cognito for React authentication. User sign-ups must confirm their new account by clicking on a confirmation link they receive via email.

When a submits their sign-up info, the next UI that is displayed is Confirm Signup that asks the user to confirm a code. I do not need this stage, as this is handled when the user confirms their email.

I'm using the react-ui Amplify components to control authentication and user signup/in/out.

import React from "react";
import "./App.css";
import { BrowserRouter as Router } from "react-router-dom";
import "bootstrap/dist/css/bootstrap.min.css";
import { Container } from "react-bootstrap";
import NavBar from "./components/NavBar.js";

import {
  AmplifyAuthenticator,
  AmplifySignUp,
  AmplifyConfirmSignUp,
  AmplifySignOut,
} from "@aws-amplify/ui-react";

import RouteContainer from "./components/RouteContainer";

function App() {
  return (
    <div>
      <AmplifyAuthenticator usernameAlias="email">
        <AmplifySignUp
          slot="sign-up"
          usernameAlias="email"
          formFields={[
            {
              type: "email",
              label: "Enter your email",
              placeholder: "Enter your email",
              required: true,
            },
            {
              type: "password",
              label: "Enter your password",
              placeholder: "",
              required: true,
            },
            {
              type: "custom:postcode",
              label: "Enter your postcode",
              placeholder: "",
              required: true,
            },
          ]}
        >
          <AmplifyConfirmSignUp/>

        </AmplifySignUp>
        <AmplifySignOut />
        <Router>
          <Container>
            <RouteContainer />
          </Container>
        </Router>
        <NavBar />
      </AmplifyAuthenticator>
    </div>
  );
}

export default App;

Is there a prop I can pass to disable <AmplifyConfirmSignUp/> or another way to disable this from the standard sign-up flow?

Thanks.

score 7 · Accepted Answer · answered May 13 '20 at 22:19

7

You can disable verification in Cognito panel.

Go to https://console.aws.amazon.com/cognito/
Click on "Manage User Pools"
In "General settings" click on "MFA and verifications"
Under "Which attributes do you want to verify?" choose "No verification"

answered May 13 '20 at 22:19

MarkoR

543
4
12

6

How do you remove the component from the Amplify UI flow though? It's not in the amplify documentation. – Carolyn Commons Jun 15 '20 at 11:25
6

Get message: MFA cannot be turned off if an SMS role is configured? How solve this issue? – Ismeet Mar 30 '21 at 13:15

Anurag Bhagsain · Answer 2 · 2022-03-27T10:53:10.390

1

You can auto-confirm the user using a lambda function. Here's the documentation

Create a lambda function (See Docs) and return autoConfirmUser in the response.

exports.handler = async (event, _context, callback) => {
  console.log(`EVENT: ${JSON.stringify(event)}`);
  event.response.autoConfirmUser = true;
  callback(null, event);
};

Attach your lambda function with the Pre Sign-up Lambda Trigger

There's one caveat though, if the user forgets his/her password. He wouldn't be able to recover it. So keep it in mind. Here's more about this on Github

I hope it helps :)

Credits

edited Mar 27 '22 at 10:53

answered Mar 27 '22 at 10:46

Anurag Bhagsain

363
3
10

This should probably be the accepted answer – John DeBord Mar 27 '23 at 20:22

AWS Amplify Auth: How to disable AmplifyConfirmSignUp?

2 Answers2

Linked