benzuko

Hooks

All hooks are client-side ('use client').

Hook	Returns	Purpose
`useMounted()`	`boolean`	True after first client render; guards hydration
`useMediaQuery(query)`	`boolean`	Reactive media-query match
`useTheme()`	`{ theme, toggleTheme }`	Reads/writes persisted theme, syncs `<html>`
`useOffers(side)`	React Query result	Fetches P2P offers for `buy`/`sell`
`useCreateTrade()`	React Query mutation	Opens a trade, invalidates cache, toasts
`useToast()`	`{ toast, success, error }`	Ergonomic toast dispatch

Patterns

Server state (offers, trades) → React Query (useOffers, useCreateTrade).
UI/session state (theme, sidebar, toasts) → Zustand stores.
Query keys are namespaced arrays (['offers', side]) for targeted invalidation.

This site is open source. Improve this page.