refactor: Replace multicall implementation with library (#2768)

- Replace the local implementation of multicall with the new redux-multicall lib
- Create wrappers for redux-multicall hooks to inject block number and chainId

package.json

@@ -58,6 +58,7 @@
     "@uniswap/governance": "^1.0.2",
     "@uniswap/liquidity-staker": "^1.0.2",
     "@uniswap/merkle-distributor": "1.0.1",
+    "@uniswap/redux-multicall": "^1.0.0",
     "@uniswap/sdk-core": "^3.0.1",
     "@uniswap/token-lists": "^1.0.0-beta.27",
     "@uniswap/v2-core": "1.0.0",

src/hooks/useV3Positions.ts

@@ -1,6 +1,6 @@
 import { BigNumber } from '@ethersproject/bignumber'
 import { useMemo } from 'react'
-import { Result, useSingleCallResult, useSingleContractMultipleData } from 'state/multicall/hooks'
+import { CallStateResult, useSingleCallResult, useSingleContractMultipleData } from 'state/multicall/hooks'
 import { PositionDetails } from 'types/position'
 
 import { useV3NFTPositionManagerContract } from './useContract'
@@ -22,7 +22,7 @@ function useV3PositionsFromTokenIds(tokenIds: BigNumber[] | undefined): UseV3Pos
     if (!loading && !error && tokenIds) {
       return results.map((call, i) => {
         const tokenId = tokenIds[i]
-        const result = call.result as Result
+        const result = call.result as CallStateResult
         return {
           tokenId,
           fee: result.fee,
@@ -90,7 +90,7 @@ export function useV3Positions(account: string | null | undefined): UseV3Positio
     if (account) {
       return tokenIdResults
         .map(({ result }) => result)
-        .filter((result): result is Result => !!result)
+        .filter((result): result is CallStateResult => !!result)
         .map((result) => BigNumber.from(result[0]))
     }
     return []

src/state/index.ts

@@ -11,7 +11,7 @@ import lists from './lists/reducer'
 import logs from './logs/slice'
 import mint from './mint/reducer'
 import mintV3 from './mint/v3/reducer'
-import multicall from './multicall/reducer'
+import { multicall } from './multicall/instance'
 import { routingApi } from './routing/slice'
 import swap from './swap/reducer'
 import transactions from './transactions/reducer'
@@ -29,7 +29,7 @@ const store = configureStore({
     mintV3,
     burn,
     burnV3,
-    multicall,
+    multicall: multicall.reducer,
     lists,
     logs,
     [dataApi.reducerPath]: dataApi.reducer,