error while importing the walletconnetv2

[geetanjalichawla]

error

./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 {

this error is showing up when i am trying to import the v2

`import { InjectedConnector } from '@web3-react/injected-connector'
import { WalletConnect, 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 RPC_URL = 'https://bsc-dataseed1.binance.org';
// export const walletConnect = new WalletConnectConnector({
// // rpcUrl: https://mainnet.infura.io/v3/${process.env.INFURA_KEY},
// bridge: "https://bridge.walletconnect.org",
// qrcode: true,
// });

// 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.NEXT_PUBLIC_WALLET_CONNECT_ID,
chains,
showQrModal: true,
},
})
);
`

i have added te code i am using

[geetanjalichawla]

{
"name": "bitrise",
"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"
]
}
}