Explore community-led codemods to migrate, optimize, and transform your codebase.
Build your own codemod and share it with the community.
Automated migration from wagmi v1 to v2: transforms hooks, config, imports, and TanStack Query patterns with zero false positives
Build your own codemod and share it with the community.
1 import { useContractRead, useContractWrite, usePrepareContractWrite, useWaitForTransaction, WagmiConfig } from 'wagmi'
2 import { mainnet } from 'wagmi/chains'
3 import { WalletConnectConnector } from 'wagmi/connectors/walletConnect'
4
5 const ERC20_ABI: any[] = []
6 const address = '0x1234' as `0x${string}`
7 const spender = '0x5678' as `0x${string}`
8 const txHash = '0xabcd' as `0x${string}`
9
10 const config = createClient({ chains: [mainnet] })
11
12 export default function App() {
13 const { data } = useContractRead({ address: '0x1234', abi: ERC20_ABI, functionName: 'balanceOf', enabled: Boolean(address), staleTime: 5000 })
14 const { write } = useContractWrite({ address: '0x1234', abi: ERC20_ABI, functionName: 'transfer' })
15 const { config: simConfig } = usePrepareContractWrite({ address: '0x1234', abi: ERC20_ABI, functionName: 'approve' })
16 const { isLoading } = useWaitForTransaction({ hash: txHash })
17 return <WagmiConfig config={config}><div /></WagmiConfig>
18 }
19