[bug] STUCK in 'Accept connection request in the wallet'

[fukemy]

Link to minimal reproducible example

https://stackblitz.com/edit/web3modal-next-template-zdukvm

Summary

I tested with the AppKit ethers with NextJS, follow the step from https://docs.walletconnect.com/appkit/next/core/installation When choose TrustWallet or MetaMask, then it stuck in 'Accept connection request in the wallet'

I installed TrustWallet and MetaMask, login with my Wallet Address, but I openned 2 app and still not see any confirm screen to login. Can you help?

I uploaded the picture here:

In the app, nothing show:

List of related npm package versions

    "@walletconnect/client": "^1.8.0",
    "@web3modal/ethers": "^5.1.0",
    "ethers": "^6.13.2",
    "next": "14.2.5",
    "react": "^18",
    "react-dom": "^18",

[chainxdev]

Also the same thing happening with the Wagmi version and NextJS

[chainxdev]

For me the issue was caused by a wrongly configured walletconnect projectId. Changed it to a new id and it started working.

[fukemy]

hi @chainxdev , can you explain more about this? I tried to create new projectId but still not working

[rtomas]

In which platform & browser you are trying ?

please uninstall this package -> "@walletconnect/client": "^1.8.0",

[yoheinishikubo]

I'm encountering the same issue in my setup.

It appears that this problem always arises when there's a mismatch between the network specified in the code and the network selected in MetaMask. It works fine when both values are the same.

Is this the designed behavior? I've thoroughly reviewed the documentation and explored potential solutions involving Hooks and Events, but unfortunately, I haven't found a viable workaround.

To reproduce this issue, I've followed the guide at https://docs.walletconnect.com/appkit/next/core/installation, choosing Etheres and Bun as the basis for my implementation. While I've made some necessary adjustments, the core functionality remains largely unchanged.

[rtomas]

please install Reown new packages