Wallet connect takes me to trust wallet page

[Son]

Ofcourse i added the new way of custom message as mentioned in the previous ticket. Rest of the code is same.

[Yomoo]

Moralis.authenticate({
        provider: walletProvider,
        chainId: 56
      }).then(function (user) {
        authenticate(user.id, user.get('ethAddress')) // what does this code do?
      });

[Yomoo]

Does TrustWallet via WalletConnect login work correctly on https://rarible.com/connect ?

[Son]

Yes it does work correctly but they don’t do any custom message sign in.

[Son]

That code makes an entry in my database and refresh the page.

[Son]

This code is working perfectly fine if you select metamask from walletconnect instead of trustwallet. So the issue is with trust wallet sign in! The extra code doesn’t matter because treat that as refreshing on callback!

[Yomoo]

I’ve just tested it on local server with walletconnect+trustwallet on Android. Everything works correctly.

Maybe you should update your trustwallet version?

[Son]

Trustwallet version is latest, ios version is latest!

[Son]

I already mentioned that the problem is in iOS, not in android!

[Yomoo]

Could you try to login in https://forum-tests.vercel.app/ ?

[Yomoo]

Sign in message will be fixed in next versions. Could you try login to check if it will redirect to trustwallet website

[Yomoo]

Okay, the bug is not on your side. We need time to figure it out.

[Yomoo]

@Son

It’s an issue on wallet connect side. You can use solution from there:

Mobile browser dapp wallet connect redirects to link.trustwallet.com/wc instead of trust wallet (only in ios not in android)

[Son]

Thanks for taking out time to figure this out, indeed the issue is with trust wallet, i made changes according to the link provided and it fixed the issue.

[thutch]

What changes did you make?

I’m having this same issue and can’t seem to solve it.

Here’s my code:

try {
      setVisibleModal(true);
      setLoadingMessage("Authenticating through WalletConnect");
      Moralis.Web3.getSigningData = () => 'Welcome to SpacePath Marketplace! Please sign in to create an account.';
      await Moralis.Web3.authenticate({ provider: "walletconnect" }).then((user) => {
        try {
          window.localStorage.removeItem('WALLETCONNECT_DEEPLINK_CHOICE');
          if (user) {
            const accountStatus = user.get("accountVerified");
            setAuthenticationChecker(false);
            setAccountVerified(accountStatus);
            setVisibleModal(false);
          } else {
            setVisibleErrorModal(true);
            setVisibleModal(false);
          };

[thutch]

If you also know how to workaround this issue please let me know.

[cryptokid]

maybe this is the change:

For now I just remove WALLETCONNECT_DEEPLINK_CHOICE from localstorage as soon as user leaves the page to confirm the connection:

$doc.on('visibilitychange', () => {
	if (document.visibilityState === 'hidden') {
		window.localStorage.removeItem('WALLETCONNECT_DEEPLINK_CHOICE');
	}
});

there were more comments previously on that thread.

[Son]

You should remove WALLETCONNECT_DEEPLINK_CHOICE from local storage outside the method.

So the code i used to fix in jquery/js is : in my main js file :-

document.addEventListener('visibilitychange', () => { 
    if (document.visibilityState === 'hidden') { 
        window.localStorage.removeItem('WALLETCONNECT_DEEPLINK_CHOICE'); 
    } 
});

[thutch]

@Son

document.addEventListener('visibilitychange', () => { 
    if (document.visibilityState === 'hidden') { 
        window.localStorage.removeItem('WALLETCONNECT_DEEPLINK_CHOICE'); 
    } 
});

Thanks for the help. This worked!

[sakhro]

Hi
window.localStorage.removeItem('WALLETCONNECT_DEEPLINK_CHOICE'); works when the user chooses the wallet, but after on transaction confirm he must manually switch to the wallet. If window.localStorage.removeItem('WALLETCONNECT_DEEPLINK_CHOICE'); is not removed everything working fine except we still have “trust wallet page”