React-moralis package doesn't give the option to add mobileLinks in authenticate function

Technical Issue Reporting
#1

In my app Im using react-moralis and I want to filter the mobile links but it says that the mobileLinks key doesnt exist. I am using react-moralis Version 0.3.1 and Moralis version 0.0.152 My code is as follows

const { authenticate, enableWeb3 } = useMoralis();

async function login(title:String) {
      authenticate({
        onSuccess: () => {
          enableWeb3({ provider: "walletconnect" });
        },
        onError: (erorr) => alert(erorr),
        provider: "walletconnect",
        signingMessage:"Custom Message",
        mobileLinks: [
          "metamask",  // 'mobileLinks' does not exist in type 'AuthenticateOptions'
      ]
      });
  }

I even tried using the Moralis.authenticate via useMoralis but still its the same issue. Is there a work around for this.

#2

the problem is that the filter doesn’t work, or there is a compilation problem because of typescript, or something else?

I tested in the past mobileLinks and the filter worked only on specific mobile operating systems for me

#3

Its shows as a syntax error

s
s1090×184 30.6 KB

and on the mobile it shows as a single button

Screenshot_20211212-233955_Chrome
Screenshot_20211212-233955_Chrome1440×2272 94.2 KB

#4

did you deploy that somewhere accessible over the internet?

#5

no this was using ngrok (localhost)

#6

you will need to deploy it somewhere on the internet for wallet connect to work

#7

will check on that by deploying it

#9

Actually this is normal behaviour. As I remember it shows wallet list only on IOS, on Android it shows you the “Connect” button and after you click you will see the wallets selection list with only installed wallets suggested by your mobilephone

1 Like