totpIssuer defaults to AWSCognito

[JamesToBrightest]

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, Firefox

Which region are you seeing the problem in?

eu-west-1

Please describe your bug.

totpIssuer in formFields not used and defaults to AWSCognito.

What's the expected behaviour?

Uses the totpIssuer field.

Help us reproduce the bug!

See code snippet.

Code Snippet

Authenticator:

            <Authenticator components={components} formFields={formFields} hideSignUp>
                {({ signOut, user }) => (
                    <GlobalContextProvider>
                        <React.Fragment>{children}</React.Fragment>
                    </GlobalContextProvider>
                )}
            </Authenticator>

FormFields:

const formFields = {
    confirmSignIn: {
        confirmation_code: {
            label: 'Code',
            placeholder: 'Code',
            isRequired: true,
            labelHidden: true,
        },
    },
    setUpTOTP: {
        QR: {
            totpIssuer: 'Test Issuer',
        },
    },
};

Console log output

No response

Additional information and screenshots

No response

[cwomack]

Hello, @JamesToBrightest and thanks for opening this issue. Cognito will be the default issuer and Authentication provider for all things related to Amplify, but are you trying to override it to be another issue? This may also be giving you an issue due to setupTotp needing to have those last 3 letters be lowercase (whereas in your example it looks like you have it as setUpTOTP). Can you see if updating this changes the behavior for you?

[cwomack]

Here's an example app for reference as well - https://github.com/aws-amplify/amplify-ui/blob/main/examples/next/pages/ui/components/authenticator/sign-in-totp-mfa/index.page.tsx#L11

[JamesToBrightest]

Hello, @JamesToBrightest and thanks for opening this issue. Cognito will be the default issuer and Authentication provider for all things related to Amplify, but are you trying to override it to be another issue? This may also be giving you an issue due to setupTotp needing to have those last 3 letters be lowercase (whereas in your example it looks like you have it as setUpTOTP). Can you see if updating this changes the behavior for you?

Hi, thanks for your response. Changing it to setupTotp did not resolve the issue as the issuer remains AWSCognito.

[cwomack]

@JamesToBrightest, I've been trying to reproduce this on my side with no luck. Do you have a minimal sample app or repo that you can share which reliably reproduces this? Thanks.