Learn how to integrate Abstract Global Wallet with ConnectKit.
agw-react
ConnectKitButton
npm install @abstract-foundation/agw-react @abstract-foundation/agw-client wagmi viem connectkit @tanstack/react-query @rainbow-me/rainbowkit
import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import { WagmiProvider } from "wagmi"; import { ConnectKitProvider } from "connectkit"; const queryClient = new QueryClient(); export default function AbstractWalletWrapper({ children, }: { children: React.ReactNode; }) { return ( <WagmiProvider config={config}> <QueryClientProvider client={queryClient}> <ConnectKitProvider> {/* Your application components */} {children} </ConnectKitProvider> </QueryClientProvider> </WagmiProvider> ); }
import { ConnectKitButton } from "connectkit"; export default function Home() { return <ConnectKitButton />; }
Was this page helpful?