HOOK hip4-provider

HIP4Provider

React context provider — wrap your app in <HIP4Provider testnet={false}> and all hooks (useMarkets, useOrderbook, etc.) auto-resolve the client. No prop-drilling needed. Key props: testnet? (boolean, default false), children.

Install

$ npx shadcn@latest add https://ui.purrdict.xyz/r/hip4-provider.json

Signature

<HIP4Provider testnet={boolean}>

Returns

React.ReactElement

Usage

// Wrap your app once — all hooks auto-resolve client
import { HIP4Provider } from "@/hooks/hip4/hip4-provider"

<HIP4Provider testnet={true}>
  <App />
</HIP4Provider>

// Then in any component:
const { markets } = useMarkets()  // no client arg needed
const { bids } = useOrderbook(market.yesCoin)

Dependencies

npm packages

@nktkas/hyperliquid

Registry components

use-hip4-client hip4-provider