Uniswap / Uniswap/interface

Error when connecting to WalletConnect on locally hosted version

Open
#7,064 1 comment 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
TypeScript
Stars
5.5k
Forks
5.4k
PR merge metrics
No merged PRs in 30d

Description

Bug Description
This bug occurs while trying to connect a wallet using WalletConnect on locally hosted frontend.

I cannot reproduce this bug on the production app https://app.uniswap.org/
Steps to Reproduce

  1. Run the app locally
  2. Try to connect wallet with WalletConnect
  3. Error occurs

Expected Behavior
WalletConnect connection should proceed without errors.

Additional Context
image

The connectors prop passed to Web3ReactProvider must be referentially static. If connectors is changing, try providing a key prop to Web3ReactProvider that changes every time connectors changes.
    at Web3ReactProvider (http://localhost:3000/static/js/bundle.js:437795:13)
    at renderWithHooks (http://localhost:3000/static/js/bundle.js:376161:22)
    at updateFunctionComponent (http://localhost:3000/static/js/bundle.js:379043:24)
    at beginWork (http://localhost:3000/static/js/bundle.js:380755:20)
    at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:365753:18)
    at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:365797:20)
    at invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:365854:35)
    at beginWork$1 (http://localhost:3000/static/js/bundle.js:385728:11)
    at performUnitOfWork (http://localhost:3000/static/js/bundle.js:384975:16)
    at workLoopSync (http://localhost:3000/static/js/bundle.js:384898:9)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the WalletConnect failure on the locally hosted frontend and trace the Web3ReactProvider connector setup mentioned in the error. Done means WalletConnect connects locally without the referentially static connectors error; the issue does not name a file or test to run.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
blockchain, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.