Connect Wallet button silently fails due to provider ordering in wallet-provider.tsx

[Adeyemir]

The "Connect Wallet" button does nothing — no MetaMask popup, no errors, no network requests.

Two issues in components/wallet/wallet-provider.tsx:

1. Provider ordering is reversed — WagmiProvider wraps QueryClientProvider, but wagmi v2 requires the opposite. This causes all wagmi hooks to silently fail.

2. Singleton QueryClient breaks Next.js App Router SSR and causes hydration mismatches.

Fix: Swap the provider order and replace the singleton with useState(() => new QueryClient({...})).

After patching, the wallet connects, and USDC payments work correctly on Arc Testnet.

[henrihbr]

@Adeyemir Regarding your first point, Correct me if I'm wrong, but I couldn't find anything in wagmi's documentation suggesting that QueryClientProvider should wrap WagmiProvider, only the opposite, I've checked both the v1 to v2 migration guide, and the Getting Started guide which assumes wagmi v3 is in use (mostly double checking though, I'm aware that the project is currently on wagmi v2), if possible, could you share a link to wagmi's documentation as clarification on this provider order issue, please?

Your second point is perfectly valid, and I'll be following up with a fix for that

[akelani-circle]

@Adeyemir Thanks for this!