federated google sign in issue (aws amplify and rect native)

user_10601541 0
Viewed 165

I setup google auth with react native and aws amplify cognito. On first signIn i get this message

Sign in failure ValidationException: 1 validation error detected: Value '{xxx.amazonaws.com/xxx}' at 'logins' failed to satisfy constraint: Map value must satisfy constraint: [Member must have length less than or equal to 50000, Member must have length greater than or equal to 1]

On second signIn(press button) it sign in well.

Why don't work first sign in and why get this message?

aws-amplify amazon-cognito react-native
1 Answers

By default, Amplify will open the Cognito Hosted UI in Safari/Chrome, but you can override that behavior by providing a custom URL opener.

To solve the issue to convert the given URL into the required form using InAppBrowser as suggested in this ISSUE by Ashish-Nanda comment.

Amplify.configure({
    ...config, oauth: {
        ...config.oauth,
        urlOpener: async function urlOpener(url, redirectUrl) {
            await InAppBrowser.isAvailable();
            const { type, url: newUrl } = await InAppBrowser.openAuth(url, redirectUrl, {
                showTitle: false,
                enableUrlBarHiding: true,
                enableDefaultShare: false,
                ephemeralWebSession: false,
            });

            // split according to ur received newURL
            const splitUrl = `myapp://?${newUrl.split("#_=_")[0].split("?")[1] || ''}`;
            if (type === 'success') {
                Linking.openURL(splitUrl);
            }
        }

    }
})
user_134945420
Related