improve typesafetey for chains

packages/bridge-ui/src/libs/chain/chains.ts

@@ -27,9 +27,9 @@ export const chainIdToChain = (chainId: number): Chain => {
   return chain;
 };
 
-export const chains: Chain[] = Object.entries(chainConfig).map(([chainId, chainConfig]) =>
+export const chains: [Chain, ...Chain[]] = Object.entries(chainConfig).map(([chainId, chainConfig]) =>
   mapChainConfigToChain(chainId, chainConfig),
-);
+) as [Chain, ...Chain[]];
 
 export const getConfiguredChainIds = (): number[] => {
   return chains.map((chain) => Number(chain.id));

packages/bridge-ui/src/libs/wagmi/client.ts

@@ -1,5 +1,6 @@
 import { walletConnect } from '@wagmi/connectors';
 import { createConfig, getPublicClient, http, reconnect } from '@wagmi/core';
+import type { Chain } from 'viem';
 
 import { PUBLIC_WALLETCONNECT_PROJECT_ID } from '$env/static/public';
 import { chains } from '$libs/chain';
@@ -10,13 +11,22 @@ export const publicClient = async (chainId: number) => {
   return await getPublicClient(config, { chainId });
 };
 
-const transports = chains.reduce((acc, { id }) => ({ ...acc, [id]: http() }), {});
+function createTransports(chains: readonly Chain[]) {
+  const transports = chains.reduce(
+    (acc, chain) => {
+      const { id } = chain;
+      return { ...acc, [id]: http() };
+    },
+    {} as Record<number, ReturnType<typeof http>>,
+  );
+
+  return transports;
+}
 
 export const config = createConfig({
-  //@ts-ignore
-  chains: [...chains],
+  chains,
   connectors: [walletConnect({ projectId })],
-  transports,
+  transports: createTransports(chains),
 });
 
 reconnect(config);