error when i am trying to import walletconnect v2

[geetanjalichawla]

./node_modules/@web3-react/walletconnect-v2/node_modules/@walletconnect/ethereum-provider/dist/index.es.js 64:14 Module parse failed: Unexpected token (64:14) File was processed with these loaders:

• ./node_modules/babel-loader/lib/index.js You may need an additional loader to handle the result of these loaders. | rpcMap: M | },

      l = e?.filter(g => !u.includes(g)),

  | d = i?.filter(g => !p.includes(g)); | if (!s && !c && !n && !(l != null && l.length) && !(d != null && d.length)) return {

[geetanjalichawla]

`import { InjectedConnector } from '@web3-react/injected-connector' import { WalletConnect as WalletConnectV2} from '@web3-react/walletconnect-v2' import { initializeConnector } from '@web3-react/core' import { CHAINS, MAINNET_CHAINS } from './chains' import { WalletConnectConnector } from '@web3-react/walletconnect-connector'

export const injected = new InjectedConnector({ supportedChainIds: [56, 32520] })

// const [mainnet, ...optionalChains] = Object.keys(MAINNET_CHAINS).map(Number)

// const [walletConnectV2, hooks] = initializeConnector( // actions => // new WalletConnectV2({ // actions, // options: { // projectId: '1126e68f62f37f9c67b144f4b6648ad1', // rpcMap:[54], // showQrModal: true // } // }) // )

// export const walletConnect = walletConnectV2; const chains = [137, 42220]

export const [walletConnect, hooks] = initializeConnector( (actions) => new WalletConnectV2({ actions, options: { projectId: process.env.PROJECTID, chains, showQrModal: true, }, }) ); `

[geetanjalichawla]

{ "name": "##", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^5.15.0", "@testing-library/react": "^11.2.7", "@testing-library/user-event": "^12.8.3", "@web3-react/coinbase-wallet": "^8.2.0", "@web3-react/core": "^8.2.0", "@web3-react/eip1193": "^8.2.0", "@web3-react/empty": "^8.2.0", "@web3-react/gnosis-safe": "^8.2.1", "@web3-react/injected-connector": "^6.0.7", "@web3-react/metamask": "^8.2.1", "@web3-react/network": "^8.2.0", "@web3-react/types": "^8.2.0", "@web3-react/url": "^8.2.0", "@web3-react/walletconnect": "^8.2.0", "@web3-react/walletconnect-connector": "^6.2.13", "@web3-react/walletconnect-v2": "^8.3.7", "moment": "^2.29.1", "react": "^17.0.2", "react-dom": "^17.0.2", "react-router-dom": "^6.0.2", "react-scripts": "4.0.3", "react-toastify": "^8.1.0", "web-vitals": "^1.1.2", "web3": "^1.6.1" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } }