Hooks

Reusable React hooks shipped by the MDK App Toolkit. Grouped by what each hook depends on, not by which package ships it. This matches the Developer entry points model where UI Core, the React adapter, and the UI Kit are siblings — you should be able to find the hooks you need without adopting layers you do not use.

At a glance

Bucket	Page	What it covers	Needs
State	State hooks	React-bound views of the headless `@tetherto/mdk-ui-core` Zustand stores	`<MdkProvider>` from `@tetherto/mdk-react-adapter`
Components	Component hooks	Hooks coupled to MDK styled components or shell layout (notifications, forms, charts, dashboards, filters, widgets, tables)	`@tetherto/mdk-react-devkit` and (for some) `<MdkProvider>`
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

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)

Components

@tetherto/mdk-react-devkit

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

Utilities

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

Sub-group	Hooks
Permissions	`useCheckPerm`, `useHasPerms`, `useIsFeatureEditingEnabled`
Generic React	`useLocalStorage`, `useKeyDown`, `useWindowSize`, `usePlatform`, `useDeviceResolution`, `useBeepSound`, `usePagination`, `useSubtractedTime`, `useTimezoneFormatter`
Device and IP	`usePduViewer`
Domain transforms	`useCostSummary`, `useHashBalance`, `useSubsidyFees`, `useUpdateExistedActions`
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'