Multiple RPC endpoint support (#2394)

* Switch out JSON provider for default provider to auto switch to a better network

* Remove references to goerli

* Clean up

* Use JsonRpcProvider as fallback if defaultprovider doesn't support network

* Fix console warnings

* Fix start script in main package

* Clean up

* Upgrade ethersjs

* Do manual health check on rpcs instead of relying on getDefaultBrowser for more reliable rpc connections

* Fix ts error

* Fix more type errros from upgrade

* Add connection checks to centrifuge base before connecting to parachain

* Clean up substrate network detection

* Fix event parsing

* Add tenderly node rpc key

* Enable getDefaultProvider for evm instead of manual implementation

* Replace BigInt with bigint

* Update imports

* Clean up for centrifuge base

* Clean up

* Remove outdated eth-permit in favor of custom code

* Fix typescript errors in tinlake

* Use set for parachain url cache

* Match with rpc endpoints

* Fix typo

* Fix import from ethers

centrifuge-app/.env-config/.env.altair

@@ -20,3 +20,5 @@ REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
 REACT_APP_TREASURY=kAJkmGxAd6iqX9JjWTdhXgCf2PL1TAphTRYrmEqzBrYhwbXAn
 REACT_APP_PRIME_IPFS_HASH=QmQfcuHM3EGrtpjhitDwJsgie5THLPtRNzvk7N3uymgHGc
+REACT_APP_ONFINALITY_KEY=18704429-288d-4f55-bda8-8b60f4c53b96
+REACT_APP_TENDERLY_KEY=18aMTJlpNb1lElcYNkkunC

centrifuge-app/.env-config/.env.catalyst

@@ -19,4 +19,6 @@ REACT_APP_MEMBERLIST_ADMIN_PURE_PROXY=4bo2vNkwZtr2PuqppWwqya6dPC8MzxqZ4kgnAoTZyK
 REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
 REACT_APP_TREASURY=kAJkmGxAd6iqX9JjWTdhXgCf2PL1TAphTRYrmEqzBrYhwbXAn
-REACT_APP_PRIME_IPFS_HASH=QmQfcuHM3EGrtpjhitDwJsgie5THLPtRNzvk7N3uymgHGc
+REACT_APP_PRIME_IPFS_HASH=QmQfcuHM3EGrtpjhitDwJsgie5THLPtRNzvk7N3uymgHGc
+REACT_APP_ONFINALITY_KEY=18704429-288d-4f55-bda8-8b60f4c53b96
+REACT_APP_TENDERLY_KEY=18aMTJlpNb1lElcYNkkunC

centrifuge-app/.env-config/.env.demo

@@ -1,4 +1,4 @@
-REACT_APP_COLLATOR_WSS_URL=wss://fullnode-apps.demo.k-f.dev
+REACT_APP_COLLATOR_WSS_URL=wss://fullnode.demo.k-f.dev,wss://fullnode-apps.demo.k-f.dev
 REACT_APP_DEFAULT_UNLIST_POOLS=true
 REACT_APP_FAUCET_URL=https://europe-central2-peak-vista-185616.cloudfunctions.net/faucet-api-demo
 REACT_APP_IPFS_GATEWAY=https://centrifuge.mypinata.cloud/
@@ -20,3 +20,5 @@ REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
 REACT_APP_TREASURY=kAJkmGxAd6iqX9JjWTdhXgCf2PL1TAphTRYrmEqzBrYhwbXAn
 REACT_APP_PRIME_IPFS_HASH=QmQfcuHM3EGrtpjhitDwJsgie5THLPtRNzvk7N3uymgHGc
+REACT_APP_ONFINALITY_KEY=0e1c049f-d876-4e77-a45f-b5afdf5739b2
+REACT_APP_TENDERLY_KEY=18aMTJlpNb1lElcYNkkunC

centrifuge-app/.env-config/.env.development

@@ -20,3 +20,5 @@ REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
 REACT_APP_TREASURY=kAJkmGxAd6iqX9JjWTdhXgCf2PL1TAphTRYrmEqzBrYhwbXAn
 REACT_APP_PRIME_IPFS_HASH=QmQfcuHM3EGrtpjhitDwJsgie5THLPtRNzvk7N3uymgHGc
+REACT_APP_ONFINALITY_KEY=0e1c049f-d876-4e77-a45f-b5afdf5739b2
+REACT_APP_TENDERLY_KEY=18aMTJlpNb1lElcYNkkunC

centrifuge-app/.env-config/.env.example

@@ -20,3 +20,5 @@ REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
 REACT_APP_TREASURY=kAJkmGxAd6iqX9JjWTdhXgCf2PL1TAphTRYrmEqzBrYhwbXAn
 REACT_APP_PRIME_IPFS_HASH=QmQfcuHM3EGrtpjhitDwJsgie5THLPtRNzvk7N3uymgHGc
+REACT_APP_ONFINALITY_KEY=0e1c049f-d876-4e77-a45f-b5afdf5739b2
+REACT_APP_TENDERLY_KEY=18aMTJlpNb1lElcYNkkunC

centrifuge-app/.env-config/.env.ff-prod

@@ -1,4 +1,4 @@
-REACT_APP_COLLATOR_WSS_URL=wss://fullnode.parachain.centrifuge.io
+REACT_APP_COLLATOR_WSS_URL=wss://fullnode.parachain.centrifuge.io,wss://centrifuge-parachain.api.onfinality.io/public-ws
 REACT_APP_DEFAULT_UNLIST_POOLS=false
 REACT_APP_FAUCET_URL=
 REACT_APP_IPFS_GATEWAY=https://centrifuge.mypinata.cloud/
@@ -19,4 +19,6 @@ REACT_APP_MEMBERLIST_ADMIN_PURE_PROXY=kALJqPUHFzDR2VkoQYWefPQyzjGzKznNny2smXGQpS
 REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
 REACT_APP_TREASURY=4dpEcgqJRyJK3J8Es6v8ZfVntV7c64Ysgcjd4hYwyGoFPWbg
-REACT_APP_PRIME_IPFS_HASH=QmS5gX2sk1ZCEyWnMjjmQyYkLTz27VVNGzVtCKWneABbj5
+REACT_APP_PRIME_IPFS_HASH=QmS5gX2sk1ZCEyWnMjjmQyYkLTz27VVNGzVtCKWneABbj5
+REACT_APP_ONFINALITY_KEY=18704429-288d-4f55-bda8-8b60f4c53b96
+REACT_APP_TENDERLY_KEY=18aMTJlpNb1lElcYNkkunC

centrifuge-app/.env-config/.env.production

@@ -1,4 +1,4 @@
-REACT_APP_COLLATOR_WSS_URL=wss://apps.fullnode.centrifuge.io
+REACT_APP_COLLATOR_WSS_URL=wss://apps.fullnode.centrifuge.io,wss://centrifuge-parachain.api.onfinality.io/public-ws
 REACT_APP_DEFAULT_UNLIST_POOLS=false
 REACT_APP_FAUCET_URL=
 REACT_APP_IPFS_GATEWAY=https://centrifuge.mypinata.cloud/
@@ -19,4 +19,6 @@ REACT_APP_MEMBERLIST_ADMIN_PURE_PROXY=kALJqPUHFzDR2VkoQYWefPQyzjGzKznNny2smXGQpS
 REACT_APP_WALLETCONNECT_ID=c32fa79350803519804a67fcab0b742a
 REACT_APP_TINLAKE_SUBGRAPH_URL=https://api.goldsky.com/api/public/project_clhi43ef5g4rw49zwftsvd2ks/subgraphs/main/prod/gn
 REACT_APP_TREASURY=4dpEcgqJRyJK3J8Es6v8ZfVntV7c64Ysgcjd4hYwyGoFPWbg
-REACT_APP_PRIME_IPFS_HASH=QmS5gX2sk1ZCEyWnMjjmQyYkLTz27VVNGzVtCKWneABbj5
+REACT_APP_PRIME_IPFS_HASH=QmS5gX2sk1ZCEyWnMjjmQyYkLTz27VVNGzVtCKWneABbj5
+REACT_APP_ONFINALITY_KEY=84bb59f4-05cc-440b-8fd4-7917623a90c6
+REACT_APP_TENDERLY_KEY=18aMTJlpNb1lElcYNkkunC

centrifuge-app/declarations.d.ts

@@ -17,4 +17,5 @@ interface ImportMetaEnv {
   REACT_APP_ALCHEMY_KEY: string
   REACT_APP_WALLETCONNECT_ID: string
   REACT_APP_PRIME_IPFS_HASH: string
+  REACT_APP_ONFINALITY_KEY: string
 }

centrifuge-app/package.json

@@ -29,9 +29,6 @@
     "@centrifuge/centrifuge-js": "workspace:*",
     "@centrifuge/centrifuge-react": "workspace:*",
     "@centrifuge/fabric": "workspace:*",
-    "@ethersproject/bignumber": "^5.7.0",
-    "@ethersproject/contracts": "^5.6.0",
-    "@ethersproject/providers": "^5.6.0",
     "@makerdao/multicall": "^0.12.0",
     "@polkadot/react-identicon": "~3.1.4",
     "@styled-system/css": "^5.1.5",

centrifuge-app/src/components/DebugFlags/components/ConvertAddress.tsx

@@ -7,8 +7,8 @@ import {
   useWallet,
 } from '@centrifuge/centrifuge-react'
 import { Dialog, Grid, Select, Stack, Text, TextInput } from '@centrifuge/fabric'
-import { isAddress as isEvmAddress } from '@ethersproject/address'
 import { isAddress as isSubstrateAddress } from '@polkadot/util-crypto'
+import { isAddress as isEvmAddress } from 'ethers'
 import * as React from 'react'
 import { useQuery } from 'react-query'
 import { firstValueFrom } from 'rxjs'

centrifuge-app/src/components/InvestRedeem/InvestRedeem.tsx

@@ -17,7 +17,6 @@ import {
 } from '@centrifuge/fabric'
 import * as React from 'react'
 import { useNavigate } from 'react-router-dom'
-import { ethConfig } from '../../config'
 import { formatBalance } from '../../utils/formatting'
 import { useAddress } from '../../utils/useAddress'
 import { useGmp } from '../../utils/useGmp'
@@ -63,7 +62,7 @@ export function InvestRedeem({ poolId, trancheId, ...rest }: InvestRedeemProps)
   const domainsWithAtLeastOneLP =
     domains && domains.filter((domain) => Object.values(domain.liquidityPools[trancheId] ?? {}).some((p) => !!p))
 
-  const networks: Network[] = poolId.startsWith('0x') ? [ethConfig.network === 'goerli' ? 5 : 1] : ['centrifuge']
+  const networks: Network[] = poolId.startsWith('0x') ? [1] : ['centrifuge']
   if (domainsWithAtLeastOneLP) {
     networks.push(...domainsWithAtLeastOneLP.map((d) => d.chainId))
   }

centrifuge-app/src/components/InvestRedeem/InvestRedeemLiquidityPoolsProvider.tsx

@@ -7,8 +7,8 @@ import {
   useEvmProvider,
   useWallet,
 } from '@centrifuge/centrifuge-react'
-import { TransactionRequest } from '@ethersproject/providers'
 import BN from 'bn.js'
+import { TransactionRequest } from 'ethers'
 import * as React from 'react'
 import { Dec } from '../../utils/Decimal'
 import { useEvmTransaction } from '../../utils/tinlake/useEvmTransaction'
@@ -45,7 +45,7 @@ export function InvestRedeemLiquidityPoolsProvider({ poolId, trancheId, children
   const tranche = pool.tranches.find((t) => t.id === trancheId)
   const { data: metadata, isLoading: isMetadataLoading } = usePoolMetadata(pool)
   const trancheMeta = metadata?.tranches?.[trancheId]
-  const chainId = provider?.network.chainId || 1
+  const chainId = Number(provider?._network.chainId)
 
   if (!tranche) throw new Error(`Token not found. Pool id: ${poolId}, token id: ${trancheId}`)
 
@@ -226,7 +226,7 @@ export function InvestRedeemLiquidityPoolsProvider({ poolId, trancheId, children
       // If the last tx was an approve, we may not have refetched the allowance yet,
       // so assume the allowance is enough to do a normal invest
       else if (lpInvest.lpCurrencyAllowance.lt(assets) && supportsPermits && pendingAction !== 'approvePoolCurrency') {
-        const signer = provider!.getSigner()
+        const signer = await provider!.getSigner()
         const connectedCent = cent.connectEvm(evmAddress!, signer)
         const permit = await connectedCent.liquidityPools.signPermit([lpInvest.currency.address, assets, chainId])
         console.log('permit', permit)

centrifuge-app/src/components/LiquidityEpochSection.tsx

@@ -8,6 +8,7 @@ import {
   useWallet,
 } from '@centrifuge/centrifuge-react'
 import { Button, IconInfo, Shelf, Stack, Text } from '@centrifuge/fabric'
+import { Contract } from 'ethers'
 import * as React from 'react'
 import { switchMap } from 'rxjs'
 import { Dec } from '../utils/Decimal'
@@ -337,9 +338,9 @@ function TinlakeEpochStatus({ pool }: { pool: TinlakePool }) {
     (cent) => cent.tinlake.closeEpoch,
     {
       onSuccess: async () => {
-        const signer = provider!.getSigner()
+        const signer = await provider!.getSigner()
         const connectedCent = cent.connectEvm(selectedAddress!, signer)
-        const coordinator = connectedCent.tinlake.contract(pool.addresses, undefined, 'COORDINATOR')
+        const coordinator = connectedCent.tinlake.contract(pool.addresses, undefined, 'COORDINATOR') as Contract
         if ((await coordinator.submissionPeriod()) === true) {
           // didn't execute right away, run solver
           solveEpochTx([])

centrifuge-app/src/components/OnboardingAuthProvider.tsx

@@ -1,9 +1,8 @@
 import Centrifuge from '@centrifuge/centrifuge-js'
 import { useCentrifuge, useCentrifugeUtils, useEvmProvider, useWallet } from '@centrifuge/centrifuge-react'
-import { BigNumber } from '@ethersproject/bignumber'
 import { Signer } from '@polkadot/types/types'
 import { encodeAddress } from '@polkadot/util-crypto'
-import { ethers, utils } from 'ethers'
+import { ethers, hashMessage } from 'ethers'
 import * as React from 'react'
 import { useMutation, useQuery } from 'react-query'
 
@@ -240,7 +239,7 @@ Issued At: ${new Date().toISOString()}`
   let body
 
   if (signedMessage === '0x') {
-    const messageHash = utils.hashMessage(message)
+    const messageHash = hashMessage(message)
 
     const isValid = await isValidSignature(signer, address, messageHash, evmChainId || 1)
 
@@ -308,9 +307,9 @@ const isValidSignature = async (provider: any, safeAddress: string, messageHash:
     throw new Error('Unable to fetch SafeMessage')
   }
 
-  const threshold = BigNumber.from(await safeContract.getThreshold()).toNumber()
+  const threshold = BigInt(await safeContract.getThreshold())
 
-  if (!threshold || threshold > safeMessage.confirmations.length) {
+  if (!threshold || threshold > BigInt(safeMessage.confirmations.length)) {
     throw new Error('Threshold has not been met')
   }
 

centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx

@@ -335,7 +335,7 @@ const AvailableNetworks = ({ poolId }: { poolId: string }) => {
         <Spinner size="iconSmall" />
       )}
       {activeDomains.data
-        ?.filter((domain) => domain.isActive)
+        ?.filter((domain) => domain.isActive && domain.chainId !== 5)
         .map((domain) => {
           const chain = (evmChains as any)[domain.chainId]
           return (

centrifuge-app/src/components/Portfolio/TransferTokensDrawer.tsx

@@ -24,10 +24,10 @@ import {
   TabsItem,
   Text,
 } from '@centrifuge/fabric'
-import { isAddress as isEvmAddress } from '@ethersproject/address'
 import { isAddress } from '@polkadot/util-crypto'
 import BN from 'bn.js'
 import Decimal from 'decimal.js-light'
+import { isAddress as isEvmAddress } from 'ethers'
 import { Field, FieldProps, Form, FormikProvider, useFormik } from 'formik'
 import React, { useEffect } from 'react'
 import { useQuery } from 'react-query'

centrifuge-app/src/components/Root.tsx

@@ -189,6 +189,9 @@ export function Root() {
               showAdvancedAccounts={debugState.showAdvancedAccounts}
               showTestNets={debugState.showTestNets}
               showFinoa={debugState.showFinoa}
+              infuraApiKey={import.meta.env.REACT_APP_INFURA_KEY}
+              alchemyApiKey={import.meta.env.REACT_APP_ALCHEMY_KEY}
+              tenderlyApiKey={import.meta.env.REACT_APP_TENDERLY_KEY}
             >
               <SupportedBrowserBanner />
               <OnboardingAuthProvider>

centrifuge-app/src/config.ts

@@ -96,6 +96,8 @@ const CENTRIFUGE: EnvironmentConfig = {
 const ethNetwork = import.meta.env.REACT_APP_TINLAKE_NETWORK || 'mainnet'
 
 const alchemyKey = import.meta.env.REACT_APP_ALCHEMY_KEY
+const onfinalityKey = import.meta.env.REACT_APP_ONFINALITY_KEY
+const tenderlyKey = import.meta.env.REACT_APP_TENDERLY_KEY
 
 export const ethConfig = {
   rpcUrl: `https://eth-mainnet.g.alchemy.com/v2/${alchemyKey}`,
@@ -129,15 +131,24 @@ export const evmChains: EvmChains = {
       decimals: 18,
     },
     blockExplorerUrl: 'https://etherscan.io/',
-    urls: [`https://eth-mainnet.g.alchemy.com/v2/${alchemyKey}`],
+    urls: [
+      `https://mainnet.gateway.tenderly.co/${tenderlyKey}`,
+      `https://eth-mainnet.g.alchemy.com/v2/${alchemyKey}`,
+      `https://eth.api.onfinality.io/rpc?apikey=${onfinalityKey}`,
+    ],
+    network: 'mainnet',
     iconUrl: ethereumLogo,
     isTestnet: false,
   },
   11155111: {
     name: 'Ethereum Sepolia',
     nativeCurrency: { name: 'Sepolia Ether', symbol: 'sepETH', decimals: 18 },
     blockExplorerUrl: 'https://sepolia.etherscan.io/',
-    urls: [`https://eth-sepolia.g.alchemy.com/v2/${alchemyKey}`],
+    urls: [
+      `https://eth-sepolia.g.alchemy.com/v2/${alchemyKey}`,
+      `https://eth-sepolia.api.onfinality.io/rpc?apikey=${onfinalityKey}`,
+    ],
+    network: 'sepolia',
     iconUrl: sepoliaLogo,
     isTestnet: true,
   },
@@ -147,6 +158,7 @@ export const evmChains: EvmChains = {
     blockExplorerUrl: 'https://basescan.org/',
     urls: ['https://mainnet.base.org'],
     iconUrl: baseLogo,
+    network: 'base-mainnet',
     isTestnet: false,
   },
   84532: {
@@ -155,6 +167,7 @@ export const evmChains: EvmChains = {
     blockExplorerUrl: 'https://sepolia.basescan.org/',
     urls: [`https://sepolia.base.org`],
     iconUrl: baseLogo,
+    network: 'base-sepolia',
     isTestnet: true,
   },
   42161: {
@@ -167,6 +180,7 @@ export const evmChains: EvmChains = {
     blockExplorerUrl: 'https://arbiscan.io/',
     urls: ['https://arb1.arbitrum.io/rpc'],
     iconUrl: arbitrumLogo,
+    network: 'arbitrum-mainnet',
     isTestnet: false,
   },
   42220: {
@@ -180,6 +194,7 @@ export const evmChains: EvmChains = {
     urls: ['https://forno.celo.org'],
     iconUrl: celoLogo,
     isTestnet: false,
+    network: 'celo-mainnet',
   },
   44787: {
     name: 'Celo Alfajores',
@@ -192,6 +207,7 @@ export const evmChains: EvmChains = {
     urls: ['https://alfajores-forno.celo-testnet.org'],
     iconUrl: celoLogo,
     isTestnet: true,
+    network: 'celo-alfajores',
   },
 }
 

centrifuge-app/src/pages/IssuerPool/Access/AssetOriginators.tsx

@@ -18,9 +18,9 @@ import {
   useGetNetworkName,
 } from '@centrifuge/centrifuge-react'
 import { Button, IconMinusCircle, InputErrorMessage, SelectInner, Stack, Text, TextInput } from '@centrifuge/fabric'
-import { isAddress as isEvmAddress } from '@ethersproject/address'
 import { isAddress as isSubstrateAddress, sortAddresses } from '@polkadot/util-crypto'
 import { BN } from 'bn.js'
+import { isAddress as isEvmAddress } from 'ethers'
 import {
   ErrorMessage,
   Field,

centrifuge-app/src/pages/IssuerPool/Investors/InvestorStatus.tsx

@@ -22,8 +22,8 @@ import {
   Text,
   TextWithPlaceholder,
 } from '@centrifuge/fabric'
-import { isAddress as isEvmAddress } from '@ethersproject/address'
 import { isAddress } from '@polkadot/util-crypto'
+import { isAddress as isEvmAddress } from 'ethers'
 import React, { useMemo } from 'react'
 import { useParams } from 'react-router'
 import { DataTable } from '../../../components/DataTable'

centrifuge-app/src/pages/Loan/PricingValues.tsx

@@ -1,7 +1,7 @@
 import { CurrencyBalance, Loan, Pool, TinlakeLoan } from '@centrifuge/centrifuge-js'
 import { useCentrifugeApi, useCentrifugeQuery } from '@centrifuge/centrifuge-react'
 import { Card, Stack, Text } from '@centrifuge/fabric'
-import { utils } from 'ethers'
+import { toUtf8String } from 'ethers'
 import { first, map } from 'rxjs'
 import { Tooltips } from '../../components/Tooltips'
 import { formatDate, getAge } from '../../utils/date'
@@ -28,7 +28,7 @@ export function PricingValues({ loan, pool }: Props) {
         const currentAssetPrice = Object.entries(info.content)
           .filter(([key]) => {
             if ('priceId' in pricing && 'isin' in pricing.priceId) {
-              return utils.toUtf8String(JSON.parse(key).isin) === pricing.priceId.isin
+              return toUtf8String(JSON.parse(key).isin) === pricing.priceId.isin
             } else {
               return JSON.parse(key).poolLoanId[1].toString() === loan.id.toString()
             }

centrifuge-app/src/pages/Onboarding/queries/useSignRemark.ts

@@ -8,7 +8,7 @@ import {
   useWallet,
 } from '@centrifuge/centrifuge-react'
 import { useNativeBalance } from '@centrifuge/centrifuge-react/dist/components/WalletProvider/evm/utils'
-import { Contract } from '@ethersproject/contracts'
+import { Contract } from 'ethers'
 import React, { useEffect } from 'react'
 import { UseMutateFunction } from 'react-query'
 import { lastValueFrom } from 'rxjs'
@@ -149,11 +149,13 @@ export const useSignRemark = (
     try {
       const [message] = args
       const remarkerContract = new Contract(ethConfig.remarkerAddress, RemarkerAbi)
-      if (!evmProvider?.getSigner()) {
+      const signer = await evmProvider?.getSigner()
+      if (!signer) {
         throw new Error('Signer may not be set')
       }
-      const connectedContract = remarkerContract.connect(evmProvider?.getSigner())
-      const result = await connectedContract.functions.remarkWithEvent(message)
+      const connectedContract = remarkerContract.connect(signer) as Contract
+
+      const result = await connectedContract.remarkWithEvent(message)
       updateTransaction(txId, () => ({
         status: 'pending',
         hash: result.hash,

centrifuge-app/src/utils/address.ts

@@ -1,5 +1,5 @@
-import { isAddress as isEvmAddress } from '@ethersproject/address'
 import { isAddress } from '@polkadot/util-crypto'
+import { isAddress as isEvmAddress } from 'ethers'
 
 export function isSubstrateAddress(address: string) {
   return isAddress(address) && !isEvmAddress(address)

centrifuge-app/src/utils/tinlake/useEvmTransaction.ts

@@ -7,7 +7,7 @@ import {
   useTransactions,
   useWallet,
 } from '@centrifuge/centrifuge-react'
-import { TransactionRequest, TransactionResponse } from '@ethersproject/providers'
+import { TransactionRequest, TransactionResponse } from 'ethers'
 import * as React from 'react'
 import { Observable, lastValueFrom, tap } from 'rxjs'
 import { useGmp } from '../useGmp'
@@ -36,7 +36,7 @@ export function useEvmTransaction<T extends Array<any>>(
     gmpOptions?: { poolId: string; trancheId: string }
   ) {
     try {
-      const signer = provider!.getSigner()
+      const signer = await provider!.getSigner()
       const connectedCent = centrifuge.connectEvm(selectedAddress!, signer)
       const transaction = transactionCallback(connectedCent)
       updateTransaction(id, { status: 'unconfirmed' })