Hooks

Complete hook catalog for the MDK App Toolkit — adapter data hooks, state hooks, component hooks, and utilities

Complete hook catalog for the MDK App Toolkit, covering hooks from both @tetherto/mdk-react-adapter (data, state, utilities) and @tetherto/mdk-react-devkit (component hooks). Grouped by what each hook depends on rather than which package ships it — this matches the Developer entry points model where the adapter and the UI Kit are siblings, so you can adopt only the layers you need.

At a glance

Bucket	Page	What it covers	Needs
Components	Component hooks	Hooks coupled to MDK styled components or shell layout (notifications, forms, charts, dashboards, filters, widgets, tables, reporting)	`@tetherto/mdk-react-devkit` and (for some) `<MdkProvider>`
Data	Data hooks	Adapter hooks that fetch and shape site, pool, dashboard, chart, and auth data	`<MdkProvider>` from `@tetherto/mdk-react-adapter`
State	State hooks	React-bound views of the headless `@tetherto/mdk-ui-core` Zustand stores	`<MdkProvider>` from `@tetherto/mdk-react-adapter`
Utilities	Utility hooks	Generic React helpers, mining-domain transforms, permission checks, and TanStack Query re-exports	`@tetherto/mdk-react-adapter` and (for some) `<MdkProvider>`

All hooks

Components

@tetherto/mdk-react-devkit

Sub-group	Hooks
Charts	`useChartDataCheck`, `useEbitda`, `useEnergyBalanceViewModel`
Dashboards	`usePoolConfigs`, `useSiteOverviewDetailsData`
Filters	`useReportTimeFrameSelectorState`, `useTimeframeControls`
Forms	`useFormField`, `useFormReset`
Notifications	`useNotification`
Reporting	`useHashrate`, `useEnergyReportSite`
Shell	`useHeaderControls`, `useSidebarExpandedState`, `useSidebarSectionState`
Tables	`useGetAvailableDevices`
Widgets	`useFinancialDateRange`

Data

@tetherto/mdk-react-adapter

Sub-group	Hooks
Auth and token	`useAuthToken`, `useTokenPolling`
Chart data	`useConsumptionChartData`, `useHashrateChartData`, `usePowerModeTimelineData`
Dashboard	`useDashboardDateRange`, `useDashboardExport`, `useDashboardTimeRange`
Incidents	`useActiveIncidents`
Pool data	`usePoolRows`, `usePoolStats`
Site data	`useSiteConsumption`, `useSiteConsumptionChartData`, `useSiteContainerCapacity`, `useSiteEfficiency`, `useSiteHashrate`, `useSiteMinerCounts`, `useSiteMinerStats`, `useSitePowerMeter`, `useSitesOverviewData`

State

@tetherto/mdk-react-adapter

Hook	Summary
`useAuth`	React view of the headless `authStore` (token, permissions)
`useDevices`	React view of the headless `devicesStore` (device list, selection)
`useTimezone`	React view of the headless `timezoneStore` (operator timezone)
`useNotifications`	React view of the headless `notificationStore` (unread counter)
`useActions`	React view of the headless `actionsStore` (pending submissions)

Utilities

@tetherto/mdk-react-adapter + @tetherto/mdk-react-devkit/foundation

Sub-group	Hooks
Device and IP	`usePduViewer`
Domain transforms	`useCostSummary`, `useHashBalance`, `useSubsidyFees`, `useUpdateExistedActions`
Generic React	`useLocalStorage`, `useKeyDown`, `useWindowSize`, `usePlatform`, `useDeviceResolution`, `useBeepSound`, `usePagination`, `useSubtractedTime`, `useTimezoneFormatter`
Permissions	`useCheckPerm`, `useHasPerms`, `useIsFeatureEditingEnabled`
TanStack Query re-exports	Re-exports table

Imports

import { useNotification, useChartDataCheck } from '@tetherto/mdk-react-devkit/foundation'
import { useAuth, usePagination, useTimezoneFormatter } from '@tetherto/mdk-react-adapter'
import { useFormField, useSidebarExpandedState } from '@tetherto/mdk-react-devkit/core'
// Data hooks
import { useSitesOverviewData, usePoolStats, useDashboardTimeRange } from '@tetherto/mdk-react-adapter'