WalletConnect Authentcation not working on Mobile Chrome Non dApp browsers

Good day!

I’m using


                            await authenticate({
                                signingMessage: "Welcome to our app!",
                                provider: "walletconnect"
                            })

To authenticate the user, it works well on Desktop, Trust Wallet Browser and Metamask Browser, but if I use WalletConnect on Mobile Chrome, it’s just opening my wallet and nothing happens.

Can you show your project’s package.json. Which mobile wallet and device are you using?

For both Android and iOS

{

  "name": "app",

  "version": "0.1.0",

  "private": true,

  "dependencies": {

    "@headlessui/react": "^1.7.2",

    "@heroicons/react": "^2.0.11",

    "@metamask/detect-provider": "^2.0.0",

    "@reduxjs/toolkit": "^1.8.6",

    "@testing-library/jest-dom": "^5.16.5",

    "@testing-library/react": "^13.4.0",

    "@testing-library/user-event": "^13.5.0",

    "@walletconnect/web3-provider": "^1.8.0",

    "@web3auth/web3auth": "^1.2.1",

    "assert": "^2.0.0",

    "axios": "^0.27.2",

    "browserify": "^1.13.3",

    "buffer": "^6.0.3",

    "crypto": "^1.0.1",

    "http": "^0.0.1-security",

    "https": "^1.0.0",

    "https-browserify": "^1.0.0",

    "magic-sdk": "^9.0.0",

    "momentjs": "^2.0.0",

    "moralis": "^2.6.4",

    "os": "^0.1.2",

    "os-browserify": "^0.3.0",

    "process": "^0.11.10",

    "rc-slider": "^10.0.1",

    "react": "^18.2.0",

    "react-app-rewired": "^2.2.1",

    "react-device-detect": "^2.2.2",

    "react-dom": "^18.2.0",

    "react-drag-drop-files": "^2.3.7",

    "react-ga": "^3.3.1",

    "react-moralis": "^1.4.2",

    "react-redux": "^8.0.4",

    "react-router-dom": "^6.3.0",

    "react-scripts": "5.0.1",

    "react-select": "^5.4.0",

    "react-toastify": "^9.0.8",

    "react-web-share": "^2.0.0",

    "redux": "^4.2.0",

    "stream": "^0.0.2",

    "stream-browserify": "^3.0.0",

    "stream-http": "^3.2.0",

    "swiper": "^8.4.5",

    "url": "^0.11.0",

    "util": "^0.12.4",

    "uuid": "^8.3.2",

    "walletconnect": "^1.7.8",

    "web-vitals": "^2.1.4",

    "zlib": "^1.0.5"

  },

  "scripts": {

    "start": "react-app-rewired start",

    "build": "react-app-rewired build",

    "test": "react-app-rewired test",

    "eject": "react-app-rewired eject"

  },

  "eslintConfig": {

    "extends": [

      "react-app",

      "react-app/jest"

    ]

  },

  "browserslist": {

    "production": [

      ">0.2%",

      "not dead",

      "not op_mini all"

    ],

    "development": [

      "last 1 chrome version",

      "last 1 firefox version",

      "last 1 safari version"

    ]

  },

  "devDependencies": {

    "autoprefixer": "^10.4.8",

    "postcss": "^8.4.16",

    "tailwindcss": "^3.1.8"

  }

}

You should be using moralis-v1 in combination with react-moralis - I’m not seeing that in your package.json. You can follow the instructions here. What is the wallet you used?