fix: #4058

Author: tmm

.changeset/angry-sheep-tan.md

@@ -0,0 +1,5 @@
+---
+"@wagmi/connectors": patch
+---
+
+Bumped Coinbase Wallet SDK and fixed `metaMask` connector hang on mobile.

packages/connectors/package.json

@@ -45,7 +45,7 @@
     }
   },
   "dependencies": {
-    "@coinbase/wallet-sdk": "4.0.3",
+    "@coinbase/wallet-sdk": "4.0.4",
     "@metamask/sdk": "0.26.3",
     "@safe-global/safe-apps-provider": "0.18.1",
     "@safe-global/safe-apps-sdk": "8.1.0",

packages/connectors/src/metaMask.ts

@@ -21,6 +21,7 @@ import {
   getAddress,
   numberToHex,
   withRetry,
+  withTimeout,
 } from 'viem'
 
 export type MetaMaskParameters = Evaluate<
@@ -194,10 +195,14 @@ export function metaMask(parameters: MetaMaskParameters = {}) {
       try {
         // MetaMask mobile provider sometimes fails to immediately resolve
         // JSON-RPC requests on page load
-        const accounts = await withRetry(() => this.getAccounts(), {
-          delay: 200,
-          retryCount: 3,
-        })
+        const timeout = 200
+        const accounts = await withRetry(
+          () => withTimeout(() => this.getAccounts(), { timeout }),
+          {
+            delay: timeout + 1,
+            retryCount: 3,
+          },
+        )
         return !!accounts.length
       } catch {
         return false

packages/core/src/query/readContract.test-d.ts

@@ -4,7 +4,7 @@ import { expectTypeOf, test } from 'vitest'
 import { readContractQueryOptions } from './readContract.js'
 
 test('default', async () => {
-  const options = await readContractQueryOptions(config, {
+  const options = readContractQueryOptions(config, {
     address: '0x',
     abi: abi.erc20,
     functionName: 'balanceOf',