WalletConnectProvider not working with Web3.js

I was following the code written in here https://docs.walletconnect.org/quick-start/dapps/web3-provider But it seems that the Web3 class cannot be initialized with the WalletConnectProvider class or any of its properties from what I can see.

Argument of type 'WalletConnectProvider' is not assignable to parameter of type 'provider'.
  Type 'WalletConnectProvider' is not assignable to type 'string'

I’m using web3 ^1.2.11 and @walletconnect/web3-provider ^1.2.1 on TypeScript. Is the doc outdated or is there something that I am missing?

[limcheekin]

I have the same issue with the following versions:

"web3": "^1.5.2",
"@walletconnect/web3-provider": "^1.6.4"

I found the following workaround might be helpful to someone having the issue in the future:

import WalletConnectProvider from "@walletconnect/web3-provider"
import { JsonRpcPayload, JsonRpcResponse } from 'web3-core-helpers';
import { AbstractProvider } from 'web3-core/types'

export declare class WalletConnectWeb3Provider extends WalletConnectProvider implements AbstractProvider {
  sendAsync(payload: JsonRpcPayload, callback: (error: Error | null, result?: JsonRpcResponse) => void): void;
}

// then in your code
const provider = new WalletConnectProvider({
  infuraId: "[YOUR_INFURA_ID]",
});

await provider.enable()

const web3 = new Web3(provider as WalletConnectWeb3Provider)

Hope this help.

[finessevanes]

@hoonsubin, @crypto-yang, @limcheekin are either on of you still experiencing this issue?