bug: WalletConnect remains to "connecting" without showing any other modal

iulianivg commented 8 months ago

Is there an existing issue for this?

[X] I have searched the existing issues

Package Version

1.4.7 and 1.4.5 (tried both)

Current Behavior

Let's assume we follow the guidance shown by Wagmi here https://wagmi.sh/examples/connect-wallet All connections work with exception of WalletConnect which remains as "connecting"

Even when printing the code console.log('err is ', error, isLoading, pendingConnector, connectors[2]) the issue seems to be stalling in "pendingConnector". with it never connecting

Even https://cloud.walletconnect.com/app is set-up with correct id.

Expected Behavior

The expected behaviour is that WalletConnect will create a modal which will give us the possibility to connect, similar to the modal below

Steps To Reproduce

Follow the same guide as above https://wagmi.sh/examples/connect-wallet

Link to Minimal Reproducible Example (StackBlitz, CodeSandbox, GitHub repo etc.)

No response

Anything else?

Here is my package.json

{
  "name": "some-dapp",
  "version": "0.1.4",
  "private": true,
  "dependencies": {
    "@apollo/client": "^3.5.8",
    "@ethersproject/providers": "^5.4.1",
    "@ethersproject/units": "^5.4.0",
    "@ramp-network/ramp-instant-sdk": "^4.0.1",
    "@testing-library/jest-dom": "^5.11.4",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "await-transaction-mined": "^1.0.12",
    "axios": "^0.22.0",
    "chart.js": "^3.5.1",
    "dayjs": "^1.10.7",
    "ethers": "^5.7.2",
    "graphql": "^16.3.0",
    "hamburger-react": "^2.5.0",
    "ipfs-http-client": "^56.0.1",
    "moralis": "^1.2.4",
    "react": "^17.0.2",
    "react-chartjs-2": "^3.0.5",
    "react-cookie-consent": "^7.4.1",
    "react-dom": "^17.0.2",
    "react-moralis": "^1.2.1",
    "react-pro-sidebar": "^0.7.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "4.0.3",
    "react-scroll-up-button": "^1.6.4",
    "react-select-search": "^3.0.8",
    "react-stars": "^2.2.5",
    "react-toastify": "^8.0.1",
    "styled-components": "^5.3.0",
    "viem": "^1.18.1",
    "wagmi": "^1.4.7",
    "web-vitals": "^1.0.1",
    "web3": "^1.4.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "GENERATE_SOURCEMAP=false react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not ie <= 99",
      "not android <= 4.4.4",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      ">0.2%",
      "not ie <= 99",
      "not android <= 4.4.4",
      "not dead",
      "not op_mini all"
    ]
  }
}

Node v16.18.0 yarn 1.22.19 Tried changing chain, everything possible. Still no chance to make this work through. Even worse, there is no connection error.

iulianivg commented 8 months ago

Tried to see if the legacy connector would show up. It does but obviously that's unsupported anymore.

Also tried yarn add @walletconnect/modal which added to package.json: "@walletconnect/modal": "^2.6.2",

Still not going through.

tmm commented 8 months ago

Thanks for reporting. This issue is temporarily closed due to lack of information. Please provide a minimal reproducible example and reopen this issue.

github-actions[bot] commented 7 months ago

This issue has been locked since it has been closed for more than 14 days.

If you found a concrete bug or regression related to it, please open a new bug report with a reproduction against the latest wagmi version. If you have any other comments you can create a new discussion.

wevm / wagmi