wagmi

Wrap your app in WagmiProvider and QueryClientProvider, then use useConnect to access connectors and call connect({ connector }). Configure connectors like injected(), walletConnect(), and coinbaseWallet() in createConfig.

Use useReadContract with address, abi, functionName, and args. The ABI must be declared with as const for type inference, and uint256 return values come back as bigint, never JavaScript number.

WagmiConfig became WagmiProvider, useContractRead became useReadContract, useContractWrite became useWriteContract, and usePrepareContractWrite was removed in favor of useSimulateContract. TanStack Query is now mandatory for caching.

Yes, set ssr: true in createConfig and use cookieStorage via createStorage. In the root layout, call cookieToInitialState with the request cookie header and pass it to WagmiProvider to avoid hydration mismatches.

wagmi v2 delegates all caching to TanStack Query, so every hook throws without a QueryClientProvider. Wrap your component tree in both WagmiProvider and QueryClientProvider with a QueryClient instance.

Read the current allowance with useReadContract, compare it to the required amount, and call approve via useWriteContract if insufficient. Wait for confirmation with useWaitForTransactionReceipt, refetch the allowance, then execute the main transaction.