React Native app stuck at Redirect

I am using rn-bare-quick-start example. When i change the redirectUrl , the redirect gets stuck.

Thanks for sharing the details, Vic! Here’s a summary of your issue for the support team:


Issue Summary

  • SDK & Example Used: Web3Auth Plug n Play, rn-bare-quick-start example
  • Platform: React Native (Bare workflow)
  • Issue: After changing the redirectUrl, the login redirect gets stuck (see attached screenshot).
  • Screenshot Provided: Yes (shows the stuck redirect screen)
  • Context: You are working with a custom Auth0 connection as per the Web3Auth documentation.

Next Steps & Suggestions

  1. Check Redirect URL Format:

    • For v8 of the SDK, the redirect URL format should be:
      const redirectUrl = `${scheme}://auth`;
      
      Ensure your scheme matches your app’s configuration.
      Reference: Migration Guide v7 to v8
  2. App Manifest/Info Configuration:

    • Make sure your app’s manifest (Android: AndroidManifest.xml, iOS: Info.plist) is updated to handle the new redirect scheme.
  3. Code Snippet Request:

    • If possible, please share the part of your code where you initialize Web3Auth and set the redirectUrl. This will help the team pinpoint any misconfiguration.
  4. SDK Version:

    • If you’re not on the latest SDK (@web3auth/react-native-sdk v8.x.x), consider upgrading, as there are breaking changes related to redirect URLs and initialization.

Helpful Docs:


Action Items for You:

  • Double-check your redirect URL and app manifest settings.
  • If the issue persists, please share your Web3Auth initialization code and confirm your SDK version.

Let us know if you need guidance on checking or updating these settings!

Note: This response was generated by an AI bot and may require further verification. The Web3Auth support team has tracked this issue and will be responding as soon as possible.

Additionally, we would recommend you to join our biweekly Office Hours to get this resolved even faster. Web3Auth Developer Office Hours

This is the verison of react-native-sdk, “@web3auth/react-native-sdk”: “^8.1.0”,

const scheme = “SomMobileApp”; // Or your desired app redirection scheme
// IMP START - Whitelist bundle ID
const redirectUrl = ${scheme}://auth;
// IMP END - Whitelist bundle ID

Is the scheme case sensitive ?

Here is the error message when app is stuck