WalletConnectV2Connector fails to communicate with iframe

[kubasulek2]

Describe the bug
After switching to WalletConnectV2Connector I'am receiving cors errors in communication between application and WalletConnect Iframe:

index.es.js:1 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://verify.walletconnect.com') does not match the recipient window's origin ('http://localhost:3000')

After scanning QR code with wallet app on mobile nothing happens. My suspicion is that the reason behind it is lack of communication between application and iframe.

To Reproduce
Config:

Rpc urls:

• Mainnet: https://bsc-dataseed2.binance.org/
• BSC: https://fragrant-falling-feather.bsc.quiknode.pro/722dbb4bcf7924f7921729a8f4116274f070d1cc/
• BSCTestnet: https://data-seed-prebsc-1-s1.binance.org:8545/

Software versions

• useDapp version: @usedapp/[email protected]
• Package manager: yarn
• Node version: v16.14.2
• Next.js version: [email protected]

[nv08]

Facing the same issue,
shows connected to [missing{title}] in the metamask app, but nothing reflects and modal is still opened

[nv08]

Any update here?

[nv08]

Is someone looking into this bug??
@kubasulek2

[kubasulek2]

Updating to 1.0.4 solved the issue

[nv08]

"@usedapp/core": "^1.2.7",
"@usedapp/wallet-connect-v2-connector": "^1.0.4",

Already using 1.0.4 version.
the flow i face is it shows the connect modal inside metamask but not connects the account

@kubasulek2

[nv08]

Solution:-

1. Removed useDapp + all bulky dependencies.
2. Switched to Web3modal + Wagmi.

Benefits:-

1. increased LH score from 15 - 61
2. works for all desktop and mobile devices
3. amazingly fast