WAGMI Issue

[furyydev]

Wallet address not updating after switching accounts in Wagmi v1 with MetaMask

I’m using useAccount() and useConnect() along with RainbowKit. The wallet connects fine, but if I switch accounts inside MetaMask, the UI still shows the old address and doesn’t update.

Is there a way to subscribe to account change events in Wagmi v1 so the UI refreshes automatically?

[gauravsonii]

🔍 Why the Account Doesn’t Update
useAccount() only subscribes to connection events, not account change events, when a user switches accounts inside MetaMask or any injected wallet.
So the UI doesn’t refresh because there’s no listener tracking the new address after the first connection.
In Wagmi v1, account switching must be observed manually using watchAccount().

🛠 Working Fix (Subscribe to Account Changes)
`import { useAccount, watchAccount } from 'wagmi'
import { useState, useEffect } from 'react'

export function useSyncedAccount() {
const { address } = useAccount()
const [current, setCurrent] = useState(address)

useEffect(() => {
const unwatch = watchAccount((acc) => {
setCurrent(acc?.address)
})
return () => unwatch()
}, [])

return current

💡 Why This Works
useAccount() gives the initial active address.
watchAccount() subscribes to account changes emitted by wallet providers.

By syncing both into a useState() value, the component re-renders on address switching.

This allows the UI to track:
Switching MetaMask accounts
Wallet reconnects
Disconnect/reconnect event cycles

🧠 Bonus Tip (Avoid Double-Render Bugs)

When using RainbowKit + Wagmi, always avoid storing address in React Context manually. Use Wagmi as the single source of truth and derive data from the watcher.