OCT-2173 Add injected connector (#538)

client/package.json

@@ -41,7 +41,7 @@
     "@tanstack/react-query": "^5.37.1",
     "@uiw/react-markdown-preview": "^5.1.3",
     "@vimeo/player": "^2.24.0",
-    "@wagmi/core": "^2.11.5",
+    "@wagmi/core": "^2.14.1",
     "axios": "^1.7.2",
     "classnames": "^2.5.1",
     "date-fns": "^3.6.0",
@@ -63,7 +63,7 @@
     "react-vis": "^1.12.1",
     "socket.io-client": "^4.7.5",
     "viem": "^2.12.1",
-    "wagmi": "^2.10.8",
+    "wagmi": "^2.12.25",
     "yup": "^1.4.0",
     "zustand": "^4.5.2"
   },

client/src/api/clients/client-wagmi.ts

@@ -1,25 +1,32 @@
 import { connectorsForWallets } from '@rainbow-me/rainbowkit';
 import { injectedWallet, walletConnectWallet, ledgerWallet } from '@rainbow-me/rainbowkit/wallets';
-import { HttpTransport } from 'viem';
-import { createConfig, http } from 'wagmi';
+import { HttpTransport, FallbackTransport } from 'viem';
+import { createConfig, http, fallback, unstable_connector } from 'wagmi';
 import { localhost, mainnet, sepolia } from 'wagmi/chains';
+import { injected } from 'wagmi/connectors';
 
 import { CHAINS, PROJECT_ID } from 'constants/walletConnect';
 import env from 'env';
 
 /* eslint-disable @typescript-eslint/naming-convention */
 type Transports = {
-  1: HttpTransport;
-  11155111: HttpTransport;
+  1: FallbackTransport;
+  11155111: FallbackTransport;
 };
 type TransportsWithLocalhost = Transports & {
   1337: HttpTransport;
 };
 /* eslint-enable @typescript-eslint/naming-convention */
 
 let transports: Transports = {
-  [mainnet.id]: http(`https://eth-mainnet.g.alchemy.com/v2/${env.alchemyId}`),
-  [sepolia.id]: http(`https://eth-sepolia.g.alchemy.com/v2/${env.alchemyId}`),
+  [mainnet.id]: fallback([
+    unstable_connector(injected),
+    http(`https://eth-mainnet.g.alchemy.com/v2/${env.alchemyId}`),
+  ]),
+  [sepolia.id]: fallback([
+    unstable_connector(injected),
+    http(`https://eth-sepolia.g.alchemy.com/v2/${env.alchemyId}`),
+  ]),
 };
 
 if (env.jsonRpcEndpoint) {