Scaffold
--template frontend.
Environment Setup
Get your Environment ID from app.dynamic.xyz and set it infrontend/.env:
frontend/.env
Provider Setup
Dynamic wraps your app withDynamicContextProvider + a wagmi connector (DynamicWagmiConnector). The EVM network it shows is built from activeChain in lib/network.ts, which follows NEXT_PUBLIC_NETWORK — no per-provider chain edits needed.
components/Providers.tsx
ThemeProvider → DynamicContextProvider → WagmiProvider → QueryClientProvider → DynamicWagmiConnector
Inco SDK Integration
The Inco SDK works with thewalletClient provided by wagmi (which Dynamic supplies via DynamicWagmiConnector). The network-aware client comes from lib/network.ts:
hooks/useConfLottery.ts
Dependencies
| Package | Purpose |
|---|---|
@dynamic-labs/sdk-react-core | Dynamic auth & wallet UI |
@dynamic-labs/ethereum | EVM wallet connectors |
@dynamic-labs/wagmi-connector | Dynamic ↔ wagmi connector |
@inco/lightning-js | Inco encryption/decryption |
wagmi | EVM wallet hooks |
viem | Ethereum utilities |