wallet-integration

# Wallet Integration Skill Expert wallet connection and transaction management for Web3 dApps using wagmi and viem. ## Capabilities - **Connector Configuration**: Set up wagmi with multiple connectors - **Connection Flows**: Implement wallet connection UX - **Chain Management**: Handle chain switching and network errors - **Transactions**: Execute transactions with gas estimation - **Error Handling**: Parse and display transaction errors - **EIP-712 Signing**: Implement typed data signing - **Event Handling**: React to wallet events - **Hardware Wallets**: Support Ledger, Trezor, WalletConnect ## Installation ```bash # Install wagmi and viem npm install wagmi viem @tanstack/react-query # Optional UI kits npm install @rainbow-me/rainbowkit # or npm install @web3modal/wagmi ``` ## Configuration ### Basic wagmi Config ```typescript // config/wagmi.ts import { createConfig, http } from "wagmi"; import { mainnet, sepolia, polygon, arbitrum } from "wagmi/chains"; import { injected, walletConnect, coinbaseWallet } from "wagmi/connectors"; export const config = createConfig({ chains: [mainnet, sepolia, polygon, arbitrum], connectors: [ injected(), walletConnect({ projectId: process.env.NEXT_PUBLIC_WC_PROJECT_ID!, }), coinbaseWallet({ appName: "My dApp", }), ], transports: { [mainnet.id]: http(process.env.NEXT_PUBLIC_MAINNET_RPC), [sepolia.id]: http(process.env.NEXT_PUBLIC_SEPOLIA_RPC), [polygon.id]: http(process.env.NEXT_...