fix(web): chain-types

Author: Harman-singh-waraich

web/package.json

@@ -97,7 +97,7 @@
     "@tanstack/react-query": "^5.62.2",
     "@types/react-modal": "^3.16.3",
     "@wagmi/connectors": "^5.5.0",
-    "@wagmi/core": "^2.15.0",
+    "@wagmi/core": "^2.16.3",
     "@yornaath/batshit": "^0.9.0",
     "chart.js": "^3.9.1",
     "chartjs-adapter-moment": "^1.0.1",

web/src/context/Web3Provider.tsx

@@ -40,15 +40,15 @@ const alchemyToViemChain: Record<number, string> = {
 type AlchemyProtocol = "https" | "wss";
 
 // https://github.com/alchemyplatform/alchemy-sdk-js/blob/c4440cb/src/util/const.ts#L16-L18
-function alchemyURL(protocol: AlchemyProtocol, chainId: number): string {
+function alchemyURL(protocol: AlchemyProtocol, chainId: number | string): string {
   const network = alchemyToViemChain[chainId];
   if (!network) {
     throw new Error(`Unsupported chain ID: ${chainId}`);
   }
   return `${protocol}://${network}.g.alchemy.com/v2/${alchemyApiKey}`;
 }
 
-export const getChainRpcUrl = (protocol: AlchemyProtocol, chainId: number) => {
+export const getChainRpcUrl = (protocol: AlchemyProtocol, chainId: number | string) => {
   return alchemyURL(protocol, chainId);
 };
 
@@ -57,9 +57,9 @@ export const getDefaultChainRpcUrl = (protocol: AlchemyProtocol) => {
 };
 
 export const getTransports = () => {
-  const alchemyTransport = (chain: Chain) =>
+  const alchemyTransport = (chain: AppKitNetwork) =>
     fallback([http(alchemyURL("https", chain.id)), webSocket(alchemyURL("wss", chain.id))]);
-  const defaultTransport = (chain: Chain) =>
+  const defaultTransport = (chain: AppKitNetwork) =>
     fallback([http(chain.rpcUrls.default?.http?.[0]), webSocket(chain.rpcUrls.default?.webSocket?.[0])]);
 
   return {

yarn.lock

@@ -5635,7 +5635,7 @@ __metadata:
     "@typescript-eslint/utils": "npm:^8.15.0"
     "@wagmi/cli": "npm:^2.1.18"
     "@wagmi/connectors": "npm:^5.5.0"
-    "@wagmi/core": "npm:^2.15.0"
+    "@wagmi/core": "npm:^2.16.3"
     "@yornaath/batshit": "npm:^0.9.0"
     chart.js: "npm:^3.9.1"
     chartjs-adapter-moment: "npm:^1.0.1"
@@ -10747,26 +10747,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@wagmi/core@npm:^2.15.0":
-  version: 2.15.0
-  resolution: "@wagmi/core@npm:2.15.0"
-  dependencies:
-    eventemitter3: "npm:5.0.1"
-    mipd: "npm:0.0.7"
-    zustand: "npm:5.0.0"
-  peerDependencies:
-    "@tanstack/query-core": ">=5.0.0"
-    typescript: ">=5.0.4"
-    viem: 2.x
-  peerDependenciesMeta:
-    "@tanstack/query-core":
-      optional: true
-    typescript:
-      optional: true
-  checksum: 10/b40ed089ddb23f7573e682105e41fe510f375e88612591dd841eefba06e2ffd0d2b2fdd8b1603d2c7e6aa4f70aa2bd94d12b6b578b3fe2c7abcb545ef24ff822
-  languageName: node
-  linkType: hard
-
 "@wallet-standard/app@npm:^1.1.0":
   version: 1.1.0
   resolution: "@wallet-standard/app@npm:1.1.0"