MDK Logo
ReferenceUIHooks

Hooks

React hooks for state management, data fetching, and UI interactions

React hooks from @tetherto/mdk-react-devkit and @tetherto/mdk-react-adapter for building mining application UIs.

Prerequisites

Browse by category

Data & State Hooks

CategoryDescriptionPackage
StoreZustand store access hooksreact-adapter
AuthAuthentication state hooksreact-adapter
PermissionPermission and access control hooksreact-adapter
DashboardDashboard data and state hooksreact-adapter, react-devkit

UI Component Hooks

CategoryDescriptionPackage
CardsCard component state hooksreact-devkit
ChartsChart component hooksreact-devkit
FormsForm state and validation hooksreact-devkit
TablesTable state and interaction hooksreact-devkit
FiltersFilter state hooksreact-devkit
NavigationNavigation state hooksreact-devkit
FeedbackToast and notification hooksreact-devkit
SettingsSettings and preferences hooksreact-devkit
WidgetsWidget state hooksreact-devkit
UIGeneral UI state hooksreact-adapter

Feature Hooks

CategoryDescriptionPackage
AlertsAlert management hooksreact-adapter
Op CentreOperations centre hooksreact-adapter, react-devkit

Utility Hooks

CategoryDescriptionPackage
UtilityGeneral utility hooksreact-adapter, react-devkit
MiscMiscellaneous hooksreact-devkit
ExampleExample and demo hooksreact-adapter

Import pattern

// From react-adapter (state/data hooks)
import { useAuth, useDevices } from '@tetherto/mdk-react-adapter'

// From react-devkit (UI component hooks)
import { useDataTable, useChartConfig } from '@tetherto/mdk-react-devkit'

On this page