fix(wallet): detect restoring state when reconnectOnMount is false

Author: brunota20

libs/wallet/src/wagmi/hooks/useIsRestoringConnection.ts

@@ -1,12 +1,27 @@
+import { useSyncExternalStore } from 'react'
+
 import { useConnection } from 'wagmi'
 
 import { useWalletInfo } from '../../api/hooks'
+import { config } from '../config'
+
+function getCurrentConnectorUid(): string | null {
+  return config.state.current ?? null
+}
+
+function subscribeToCurrentConnectorUid(callback: () => void): () => void {
+  return config.subscribe((state) => state.current, callback)
+}
 
 export function useIsRestoringConnection(): boolean {
   const { status } = useConnection()
   const { account } = useWalletInfo()
 
-  // WalletInfo is backed by an atom updated from wagmi, so account can lag behind
-  // the connected status for one render. Keep showing reconnecting during that gap.
-  return status === 'reconnecting' || (status === 'connected' && !account)
+  const currentConnectorUid = useSyncExternalStore(subscribeToCurrentConnectorUid, getCurrentConnectorUid, () => null)
+
+  if (status === 'reconnecting') return true
+  if (status === 'connected' && !account) return true
+  if (!!currentConnectorUid && !account) return true
+
+  return false
 }