Authenticator: "Create Account" Button not spinning during PreSignupLambda execution

[johnpc]

Before creating a new issue, please confirm:

• I have searched for duplicate or closed issues and discussions.
• I have tried disabling all browser extensions or using a different browser
• I have tried deleting the node_modules folder and reinstalling my dependencies
• I have read the guide for submitting bug reports.

On which framework/platform are you having an issue?

React

Which UI component?

Authenticator

How is your app built?

Next.js

What browsers are you seeing the problem on?

Chrome, Safari

Which region are you seeing the problem in?

No response

Please describe your bug.

I have a long-ish running PreSignUp lambda function. When the user clicks "sign up" there is no indication that they successfully clicked the button.

Screen recording: https://github.com/aws-amplify/amplify-ui/assets/4824042/0b4e71a2-1874-4cce-b1f7-e22e29005cdd

After the pre signup lambda completes, THEN the spinner starts spinning.

What's the expected behaviour?

Ideally, the spinner would start spinning right away before the pre signup lambda is invoked

Help us reproduce the bug!

Clone the repo, install dependencies, and deploy resources:

git clone --single-branch --branch no-spinner https://github.com/johnpc/autoconfirm-signup-authenticator-bug no-spinner
cd no-spinner
npm install
npx amplify sandbox

Then run

npm run dev

Visit http://localhost:3000 and attempt to sign up. You'll notice that the spinner doesn't spin right away

Code Snippet

// Put your code below this line.

Console log output

No response

Additional information and screenshots

No response

[esauerbo]

Hi @johnpc thanks for creating this issue! We're adding this to our roadmap, and we'll update you once we get a fix out.