Use wallet connect 2

use-wallet-connect-2.ts

const getWeb3Modal = () => {
   const providerOptions = {
     injected: {
       display: {
         name: 'Metamask',
         description: 'Connect with the provider in your Browser',
       },
       package: null,
     },
     walletconnect: {
       package: WalletConnectProvider,
       options: {
         bridge: 'https://bridge.walletconnect.org',
         //infuraId: process.env.REACT_PUBLIC_INFURA_ID,
       },
     },
   };
   const web3Modal = new Web3Modal({
     network: 'mainnet',
     cacheProvider: true,
     disableInjectedProvider: false,
     providerOptions,
   });
 
   return web3Modal;
 };