question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

@web3modal/react : QR code is not working

See original GitHub issue

Describe the bug I am trying to scan the QR code provided by @web3modal/react using the example wallet. But it’s not scanning the QR code.

However when I enter wc: it works fine.

SDK Version “wagmi”: “^0.8.10” “@web3modal/react”: “^2.0.0-beta.7” “@web3modal/ethereum”: “^2.0.0-beta.7”

To Reproduce Steps to reproduce the behavior:

  1. Create a next js app
  2. install pages and setup the app following the doc
  3. goto example wallet and scan the QR code

Expected behavior Should scan the QR code

Desktop:

  • OS: macOS Ventura
  • Browser Chrome
  • Version 107.0.5304.121 (chrome version)

Smartphone:

  • Device: Huawei y9 prime
  • OS: Android 10
  • Browser Chrome

Issue Analytics

  • State:closed
  • Created 10 months ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
0xAsimetriqcommented, Dec 5, 2022

Combination of packages that you provided uses both sign v2 sdk (@walletconnect/sign-client) and sign v1 in @web3modal/ethereum.

You also have 2 versions of the modal v1 and v2.

Could you expand on your use case and why are using all those packages? If you need to support v1/v2 of sign sdk, you can use web3modal in standalone mode https://docs.walletconnect.com/2.0/web3modal/standalone/installation

0reactions
0xAsimetriqcommented, Dec 8, 2022

I see, ty for the info, basically

  1. If you want to continue using qrcode-modal package and wagmi, you can do so easilly, it is supported out of the box, just follow https://wagmi.sh

  2. If you want to use new web3modal and I assume you are using react, just follow https://docs.walletconnect.com/2.0/web3modal/react/installation

You don’t need @walletconnect/sign-client at the moment I think. And it will be supported in wagmi soon as well.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Issues · WalletConnect/web3modal - GitHub
something might be wrong with "copy qrcode flow" WalletConnect V1 - Sometime cannot connect when using Wallet and Dapp in same mobile device...
Read more >
web3js - Issue about connecting with WalletConnect by using ...
I have tried to run the example of Web3Modal on my local env, and then use IMToken to scan the QRcode showed by...
Read more >
web3modal - npm
Start using web3modal in your project by running `npm i web3modal`. ... description: "Scan qrcode with your mobile wallet" }, package: ...
Read more >
Connecting to web3 with Web3Modal, react & ethers.js
I'm writing this article solely with hope that one day it ends up high in web searches for this specific problem & it...
Read more >
@walletconnect/qrcode-modal examples - CodeSandbox
Learn how to use @walletconnect/qrcode-modal by viewing and forking example apps that make use of @walletconnect/qrcode-modal on CodeSandbox.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found