ethers-io / ethers.js

Complete Ethereum library and wallet implementation in JavaScript.
https://ethers.org/
MIT License
8k stars 1.86k forks source link

STUCK in 'Accept connection request in the wallet' #4821

Open fukemy opened 3 months ago

fukemy commented 3 months ago

Ethers Version

6.13.2

Search Terms

Accept connection request in the wallet

Describe the Problem

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:

IMG_4194

IMG_4195

In the app, nothing show: IMG_4196

List of related npm package versions

Code Snippet

'use client'

import { createWeb3Modal, defaultConfig } from '@web3modal/ethers/react'

// 1. Get projectId from https://cloud.walletconnect.com
const projectId = 'MY_PROJECT_ID'

// 2. Set chains
const bnbChain = {
    chainId: 56,
    name: 'Binance',
    currency: 'BNB',
    explorerUrl: 'https://bscscan.com',
    rpcUrl: 'https://bsc-dataseed.binance.org'
}
// 3. Create a metadata object
const metadata = {
    name: 'BNB Minging Game',
    description: 'BNB Minging Game',
    url: 'https://mining-bnb-coin.com', // origin must match your domain & subdomain
    icons: ['https://avatars.githubusercontent.com/u/8202437']
}
// 4. Create Ethers config
const ethersConfig = defaultConfig({
    /*Required*/
    metadata,
    auth: {
        email: false, // default to true
        showWallets: false, // default to true
        walletFeatures: true // default to true
    },
    /*Optional*/
    rpcUrl: '...', // used for the Coinbase SDK
    defaultChainId: 1 // used for the Coinbase SDK
})

// 5. Create a AppKit instance
createWeb3Modal({
    ethersConfig,
    chains: [bnbChain],
    projectId,
    featuredWalletIds: [
        //https://explorer.walletconnect.com/?type=wallet
        '4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0'
    ],
    enableAnalytics: true // Optional - defaults to your Cloud configuration,
})

export function AppKit({ children }) {
    return children
}

Contract ABI

no contract here

Errors

can not see the accept screen in my TrustWallet or MetaMask

Environment

Ethereum (mainnet/ropsten/rinkeby/goerli), node.js (v12 or newer), Browser (Chrome, Safari, etc)

Environment (Other)

BNB Smartchain

ricmoo commented 3 months ago

This particular issue is getting an elevated amount of spam trying to convince people to follow external links.

I am deleting them as fast as I can, but never provide any private data to any external link.

All official correspondence will remain within this GitHub organization and I will never ask for personal details, mnemonic phrases, etc.

Please be careful.