Change default Cognito Hosted UI in Amplify to use an website in mobile (desktop mode)

0

Describe the bug

I have a responsive website (react) that uses Cognito as Amplify Auth. The problem is that when the user made Sign In to my customized login page, he/she can't change from mobile mode to desktop mode without being redirected to Cognito Hosted UI.

Expected behavior

The user doesn't need to confirm login every time he/she changes the view from mobile mode to desktop mode or vice versa. Even if it is extremely necessary to ensure login, at least the user should be redirected to my own customized page.

For more detailed informations (devtool imgs and screenshots)

See more in oficial Amplify-js Github forum #issue11293

aws-exports.js


const awsmobile = {
    "aws_project_region": "XXXXX",
    "aws_cognito_region": "XXXXX",
    "aws_user_pools_id": "XXXXX",
    "aws_user_pools_web_client_id": "XXXXX",
    "oauth": {
        "domain": "XXXXX",
        "scope": [
            "XXXXX"
        ],
        "redirectSignIn": "XXXXXXX",
        "redirectSignOut": "XXXXXX",
        "responseType": "code"
    },
    "federationTarget": "COGNITO_USER_POOLS",
    "aws_cognito_username_attributes": [
        "XXXXXX"
    ],
    "aws_cognito_social_providers": [
        "XXXXXX"
    ],
    "aws_cognito_signup_attributes": [
        "XXXXXX"
    ],
    "aws_cognito_mfa_configuration": "OFF",
    "aws_cognito_mfa_types": [],
    "aws_cognito_password_protection_settings": {
        "passwordPolicyMinLength": 8,
        "passwordPolicyCharacters": [
            "XXXXX"
        ]
    },
    "aws_cognito_verification_mechanisms": [
        "XXXXX"
    ],
    "aws_content_delivery_bucket": "XXXXX",
    "aws_content_delivery_bucket_region": "XXXXX",
    "aws_content_delivery_url": "XXXXX"
};


export default awsmobile;

Additional information

Please, note that this is a problem similar to #issue2115 and #issue5027 and both issues used urlopener using dependencies in React Native to resolve. Maybe the solution to my bug is something similar but considering React (not React Native).

No Answers

You are not logged in. Log in to post an answer.

A good answer clearly answers the question and provides constructive feedback and encourages professional growth in the question asker.

Guidelines for Answering Questions