Getting started
Installation
Install the public React package and the wallet runtime required by D0 Checkout.
Install the package
npm
npm install @d0fi/checkout-react wagmi viem @tanstack/react-querypnpm
pnpm add @d0fi/checkout-react wagmi viem @tanstack/react-queryImport the styles
Import the Checkout stylesheet once from your application entry point.
tsx
import '@d0fi/checkout-react/styles.css';Missing this import causes the Checkout layout and motion utilities to render without their definitions.
Version requirements
| Package | Supported version |
|---|---|
react | 18 or 19 |
react-dom | 18 or 19 |
wagmi | 2.9 or newer, below 3 |
viem | 2.x |
@tanstack/react-query | 5.x |
Next.js
Wallet discovery uses browser interfaces. Put the provider and Checkout integration in a Client Component and set ssr: true when creating the wallet configuration.