feat: migrated to viem and wagmi v2

package.json

@@ -61,8 +61,8 @@
   "peerDependencies": {
     "immer": "^10.0.3",
     "react": "^18.2.0",
-    "viem": "^1.19.15",
-    "wagmi": "^1.4.12",
+    "viem": "^2.0.6",
+    "wagmi": "^2.1.1",
     "zustand": "^4.4.7"
   },
   "devDependencies": {
@@ -81,19 +81,20 @@
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "husky": "^8.0.3",
     "immer": "^10.0.3",
+    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "prettier": "^3.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "size-limit": "^11.0.1",
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
-    "viem": "^1.9.15",
-    "wagmi": "^1.4.12",
-    "zustand": "^4.4.7",
-    "lodash": "^4.17.21",
-    "lodash-es": "^4.17.21"
+    "viem": "^2.0.6",
+    "wagmi": "^2.1.1",
+    "zustand": "^4.4.7"
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.17.9",
     "dayjs": "^1.11.10"
   }
 }

src/types/base.ts

@@ -1,3 +1,3 @@
-import { PublicClient } from '@wagmi/core';
+import { PublicClient } from 'viem';
 
 export type ClientsRecord = Record<number, PublicClient>;

src/utils/chainInfoHelpers.ts

@@ -1,5 +1,4 @@
-import { PublicClient } from '@wagmi/core';
-import { Chain, createPublicClient, http } from 'viem';
+import { Chain, createPublicClient, fallback, http, PublicClient } from 'viem';
 import {
   avalanche,
   avalancheFuji,
@@ -43,7 +42,9 @@ export const initChainInformationConfig = (chains?: Record<number, Chain>) => {
               multicall: true,
             },
             chain,
-            transport: http(),
+            transport: fallback(
+              chain.rpcUrls.default.http.map((url) => http(url)),
+            ),
           });
           initalizedClients[numberChainId] = client;
           return client;

src/web3/adapters/EthereumAdapter.ts

@@ -1,5 +1,5 @@
 import { produce } from 'immer';
-import { Hex, isHex } from 'viem';
+import { Hex, isHex, ReplacementReturnType } from 'viem';
 
 import { setLocalStorageTxPool } from '../../utils/localStorage';
 import {
@@ -76,7 +76,7 @@ export class EthereumAdapter<T extends BaseTx> implements AdapterInterface<T> {
       const txn = await client.waitForTransactionReceipt({
         pollingInterval: 8_000,
         hash: txHash,
-        onReplaced: (replacement) => {
+        onReplaced: (replacement: ReplacementReturnType) => {
           this.updateTXStatus(txHash, {
             status: TransactionStatus.Replaced,
             replacedTxHash: replacement.transaction.hash,