From 117cfbdd569c83229204a4f9e424e91c9315315b Mon Sep 17 00:00:00 2001
From: Valerii Sidorenko <balepas@nebius.com>
Date: Thu, 27 Jun 2024 15:54:27 +0200
Subject: [PATCH] feat(autoRefresh): use user settings to store auto refresh
 interval

---
 src/containers/Heatmap/Heatmap.tsx            |  5 ++-
 src/containers/Nodes/Nodes.tsx                | 11 +++++--
 src/containers/Storage/Storage.tsx            |  4 +--
 src/containers/Tablets/Tablets.tsx            |  5 ++-
 .../Autorefresh/AutorefreshControl.tsx        | 10 ++----
 .../Diagnostics/Consumers/Consumers.tsx       |  5 ++-
 .../Tenant/Diagnostics/Describe/Describe.tsx  |  5 ++-
 .../Tenant/Diagnostics/Network/Network.tsx    |  5 ++-
 .../Tenant/Diagnostics/Overview/Overview.tsx  |  5 ++-
 .../Overview/TopicStats/TopicStats.tsx        |  5 ++-
 .../Diagnostics/Partitions/Partitions.tsx     | 10 ++++--
 .../Healthcheck/HealthcheckDetails.tsx        |  5 ++-
 .../Healthcheck/HealthcheckPreview.tsx        |  5 ++-
 .../TenantCpu/TopNodesByCpu.tsx               |  5 ++-
 .../TenantCpu/TopNodesByLoad.tsx              |  5 ++-
 .../TenantOverview/TenantCpu/TopQueries.tsx   |  5 ++-
 .../TenantOverview/TenantCpu/TopShards.tsx    |  5 ++-
 .../TenantDashboard/TenantDashboard.tsx       |  5 ++-
 .../TenantMemory/TopNodesByMemory.tsx         |  5 ++-
 .../TenantOverview/TenantOverview.tsx         |  5 ++-
 .../TenantStorage/TopGroups.tsx               |  5 ++-
 .../TenantStorage/TopTables.tsx               |  5 ++-
 .../Diagnostics/TopQueries/TopQueries.tsx     |  5 ++-
 .../Diagnostics/TopShards/TopShards.tsx       |  5 ++-
 .../Tenant/Query/Preview/Preview.tsx          |  5 ++-
 src/services/settings.ts                      |  2 ++
 src/store/reducers/autoRefreshControl.ts      | 31 -------------------
 src/store/reducers/index.ts                   |  2 --
 src/utils/hooks/index.ts                      |  1 +
 src/utils/hooks/useAutoRefreshInterval.ts     |  7 +++++
 30 files changed, 72 insertions(+), 111 deletions(-)
 delete mode 100644 src/store/reducers/autoRefreshControl.ts
 create mode 100644 src/utils/hooks/useAutoRefreshInterval.ts

diff --git a/src/containers/Heatmap/Heatmap.tsx b/src/containers/Heatmap/Heatmap.tsx
index 30b182bbbb..6dd3299871 100644
--- a/src/containers/Heatmap/Heatmap.tsx
+++ b/src/containers/Heatmap/Heatmap.tsx
@@ -4,13 +4,12 @@ import {Checkbox, Select} from '@gravity-ui/uikit';
 
 import {ResponseError} from '../../components/Errors/ResponseError';
 import {Loader} from '../../components/Loader';
-import {selectAutoRefreshInterval} from '../../store/reducers/autoRefreshControl';
 import {heatmapApi, setHeatmapOptions} from '../../store/reducers/heatmap';
 import {hideTooltip, showTooltip} from '../../store/reducers/tooltip';
 import type {IHeatmapMetricValue} from '../../types/store/heatmap';
 import {cn} from '../../utils/cn';
 import {formatNumber} from '../../utils/dataFormatters/dataFormatters';
-import {useTypedDispatch, useTypedSelector} from '../../utils/hooks';
+import {useAutoRefreshInterval, useTypedDispatch, useTypedSelector} from '../../utils/hooks';
 
 import {HeatmapCanvas} from './HeatmapCanvas/HeatmapCanvas';
 import {Histogram} from './Histogram/Histogram';
@@ -30,7 +29,7 @@ export const Heatmap = ({path}: HeatmapProps) => {
 
     const itemsContainer = React.createRef<HTMLDivElement>();
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
 
     const {currentData, isFetching, error} = heatmapApi.useGetHeatmapTabletsInfoQuery(
         {path},
diff --git a/src/containers/Nodes/Nodes.tsx b/src/containers/Nodes/Nodes.tsx
index ef54a4e6fa..1d29b969f2 100644
--- a/src/containers/Nodes/Nodes.tsx
+++ b/src/containers/Nodes/Nodes.tsx
@@ -13,7 +13,6 @@ import {ResizeableDataTable} from '../../components/ResizeableDataTable/Resizeab
 import {Search} from '../../components/Search';
 import {TableWithControlsLayout} from '../../components/TableWithControlsLayout/TableWithControlsLayout';
 import {UptimeFilter} from '../../components/UptimeFIlter';
-import {selectAutoRefreshInterval} from '../../store/reducers/autoRefreshControl';
 import {nodesApi} from '../../store/reducers/nodes/nodes';
 import {filterNodes} from '../../store/reducers/nodes/selectors';
 import type {NodesSortParams} from '../../store/reducers/nodes/types';
@@ -30,7 +29,13 @@ import {
     DEFAULT_TABLE_SETTINGS,
     USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY,
 } from '../../utils/constants';
-import {useSetting, useTableSort, useTypedDispatch, useTypedSelector} from '../../utils/hooks';
+import {
+    useAutoRefreshInterval,
+    useSetting,
+    useTableSort,
+    useTypedDispatch,
+    useTypedSelector,
+} from '../../utils/hooks';
 import {
     NodesUptimeFilterValues,
     isSortableNodesProperty,
@@ -63,7 +68,7 @@ export const Nodes = ({path, additionalNodesProps = {}}: NodesProps) => {
     const isClusterNodes = !path;
 
     const problemFilter = useTypedSelector(selectProblemFilter);
-    const autorefresh = useTypedSelector(selectAutoRefreshInterval);
+    const [autorefresh] = useAutoRefreshInterval();
 
     const [useNodesEndpoint] = useSetting(USE_NODES_ENDPOINT_IN_DIAGNOSTICS_KEY);
 
diff --git a/src/containers/Storage/Storage.tsx b/src/containers/Storage/Storage.tsx
index debbc249ca..568de955e3 100644
--- a/src/containers/Storage/Storage.tsx
+++ b/src/containers/Storage/Storage.tsx
@@ -5,7 +5,6 @@ import {ArrayParam, StringParam, useQueryParams, withDefault} from 'use-query-pa
 import {AccessDenied} from '../../components/Errors/403';
 import {ResponseError} from '../../components/Errors/ResponseError';
 import {TableWithControlsLayout} from '../../components/TableWithControlsLayout/TableWithControlsLayout';
-import {selectAutoRefreshInterval} from '../../store/reducers/autoRefreshControl';
 import type {NodesSortParams} from '../../store/reducers/nodes/types';
 import {selectNodesMap} from '../../store/reducers/nodesList';
 import {STORAGE_TYPES, VISIBLE_ENTITIES} from '../../store/reducers/storage/constants';
@@ -24,6 +23,7 @@ import type {
 import type {AdditionalNodesProps} from '../../types/additionalProps';
 import {DEFAULT_POLLING_INTERVAL, DEFAULT_TABLE_SETTINGS} from '../../utils/constants';
 import {
+    useAutoRefreshInterval,
     useNodesRequestParams,
     useStorageRequestParams,
     useTableSort,
@@ -63,7 +63,7 @@ interface StorageProps {
 }
 
 export const Storage = ({additionalNodesProps, tenant, nodeId}: StorageProps) => {
-    const autorefresh = useTypedSelector(selectAutoRefreshInterval);
+    const [autorefresh] = useAutoRefreshInterval();
     const [queryParams, setQueryParams] = useQueryParams({
         type: StringParam,
         visible: StringParam,
diff --git a/src/containers/Tablets/Tablets.tsx b/src/containers/Tablets/Tablets.tsx
index 76768cee4a..8dcf1224e3 100644
--- a/src/containers/Tablets/Tablets.tsx
+++ b/src/containers/Tablets/Tablets.tsx
@@ -10,7 +10,6 @@ import {InternalLink} from '../../components/InternalLink';
 import {ResizeableDataTable} from '../../components/ResizeableDataTable/ResizeableDataTable';
 import {TableSkeleton} from '../../components/TableSkeleton/TableSkeleton';
 import routes, {createHref} from '../../routes';
-import {selectAutoRefreshInterval} from '../../store/reducers/autoRefreshControl';
 import {selectTabletsWithFqdn, tabletsApi} from '../../store/reducers/tablets';
 import {ETabletState} from '../../types/api/tablet';
 import type {TTabletStateInfo} from '../../types/api/tablet';
@@ -18,7 +17,7 @@ import type {TabletsApiRequestParams} from '../../types/store/tablets';
 import {cn} from '../../utils/cn';
 import {DEFAULT_TABLE_SETTINGS} from '../../utils/constants';
 import {calcUptime} from '../../utils/dataFormatters/dataFormatters';
-import {useTypedDispatch, useTypedSelector} from '../../utils/hooks';
+import {useAutoRefreshInterval, useTypedDispatch, useTypedSelector} from '../../utils/hooks';
 import {mapTabletStateToLabelTheme} from '../../utils/tablet';
 import {getDefaultNodePath} from '../Node/NodePages';
 
@@ -146,7 +145,7 @@ interface TabletsProps {
 }
 
 export function Tablets({nodeId, path, className}: TabletsProps) {
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
 
     let params: TabletsApiRequestParams = {};
     const node = nodeId === undefined ? undefined : String(nodeId);
diff --git a/src/containers/Tenant/Diagnostics/Autorefresh/AutorefreshControl.tsx b/src/containers/Tenant/Diagnostics/Autorefresh/AutorefreshControl.tsx
index 40c75436b3..c2c83429e2 100644
--- a/src/containers/Tenant/Diagnostics/Autorefresh/AutorefreshControl.tsx
+++ b/src/containers/Tenant/Diagnostics/Autorefresh/AutorefreshControl.tsx
@@ -2,12 +2,8 @@ import {ArrowsRotateLeft} from '@gravity-ui/icons';
 import {Button, Select} from '@gravity-ui/uikit';
 
 import {api} from '../../../../store/reducers/api';
-import {
-    selectAutoRefreshInterval,
-    setAutoRefreshInterval,
-} from '../../../../store/reducers/autoRefreshControl';
 import {cn} from '../../../../utils/cn';
-import {useTypedDispatch, useTypedSelector} from '../../../../utils/hooks';
+import {useAutoRefreshInterval, useTypedDispatch} from '../../../../utils/hooks';
 
 import i18n from './i18n';
 
@@ -21,7 +17,7 @@ interface AutorefreshControlProps {
 
 export function AutorefreshControl({className}: AutorefreshControlProps) {
     const dispatch = useTypedDispatch();
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval, setAutoRefreshInterval] = useAutoRefreshInterval();
     return (
         <div className={b(null, className)}>
             <Button
@@ -38,7 +34,7 @@ export function AutorefreshControl({className}: AutorefreshControlProps) {
             <Select
                 value={[String(autoRefreshInterval)]}
                 onUpdate={(v) => {
-                    dispatch(setAutoRefreshInterval(Number(v)));
+                    setAutoRefreshInterval(Number(v));
                 }}
                 width={85}
             >
diff --git a/src/containers/Tenant/Diagnostics/Consumers/Consumers.tsx b/src/containers/Tenant/Diagnostics/Consumers/Consumers.tsx
index 0651836242..4faaddfade 100644
--- a/src/containers/Tenant/Diagnostics/Consumers/Consumers.tsx
+++ b/src/containers/Tenant/Diagnostics/Consumers/Consumers.tsx
@@ -6,7 +6,6 @@ import {ResponseError} from '../../../../components/Errors/ResponseError';
 import {Loader} from '../../../../components/Loader';
 import {ResizeableDataTable} from '../../../../components/ResizeableDataTable/ResizeableDataTable';
 import {Search} from '../../../../components/Search';
-import {selectAutoRefreshInterval} from '../../../../store/reducers/autoRefreshControl';
 import {
     selectPreparedConsumersData,
     selectPreparedTopicStats,
@@ -15,7 +14,7 @@ import {
 import type {EPathType} from '../../../../types/api/schema';
 import {cn} from '../../../../utils/cn';
 import {DEFAULT_TABLE_SETTINGS} from '../../../../utils/constants';
-import {useTypedSelector} from '../../../../utils/hooks';
+import {useAutoRefreshInterval, useTypedSelector} from '../../../../utils/hooks';
 import {isCdcStreamEntityType} from '../../utils/schema';
 
 import {ConsumersTopicStats} from './TopicStats';
@@ -36,7 +35,7 @@ export const Consumers = ({path, type}: ConsumersProps) => {
 
     const [searchValue, setSearchValue] = React.useState('');
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const {currentData, isFetching, error} = topicApi.useGetTopicQuery(
         {path},
         {pollingInterval: autoRefreshInterval},
diff --git a/src/containers/Tenant/Diagnostics/Describe/Describe.tsx b/src/containers/Tenant/Diagnostics/Describe/Describe.tsx
index c3b537488a..ce6b6fd0d9 100644
--- a/src/containers/Tenant/Diagnostics/Describe/Describe.tsx
+++ b/src/containers/Tenant/Diagnostics/Describe/Describe.tsx
@@ -4,12 +4,11 @@ import {shallowEqual} from 'react-redux';
 
 import {ResponseError} from '../../../../components/Errors/ResponseError';
 import {Loader} from '../../../../components/Loader';
-import {selectAutoRefreshInterval} from '../../../../store/reducers/autoRefreshControl';
 import {describeApi} from '../../../../store/reducers/describe';
 import {selectSchemaMergedChildrenPaths} from '../../../../store/reducers/schema/schema';
 import type {EPathType} from '../../../../types/api/schema';
 import {cn} from '../../../../utils/cn';
-import {useTypedSelector} from '../../../../utils/hooks';
+import {useAutoRefreshInterval, useTypedSelector} from '../../../../utils/hooks';
 import {isEntityWithMergedImplementation} from '../../utils/schema';
 
 import './Describe.scss';
@@ -25,7 +24,7 @@ interface IDescribeProps {
 }
 
 const Describe = ({path, type}: IDescribeProps) => {
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
 
     const isEntityWithMergedImpl = isEntityWithMergedImplementation(type);
 
diff --git a/src/containers/Tenant/Diagnostics/Network/Network.tsx b/src/containers/Tenant/Diagnostics/Network/Network.tsx
index cf09d8014e..51ead834ce 100644
--- a/src/containers/Tenant/Diagnostics/Network/Network.tsx
+++ b/src/containers/Tenant/Diagnostics/Network/Network.tsx
@@ -6,7 +6,6 @@ import {Link} from 'react-router-dom';
 import {ResponseError} from '../../../../components/Errors/ResponseError';
 import {Illustration} from '../../../../components/Illustration';
 import {ProblemFilter} from '../../../../components/ProblemFilter';
-import {selectAutoRefreshInterval} from '../../../../store/reducers/autoRefreshControl';
 import {networkApi} from '../../../../store/reducers/network/network';
 import {
     ProblemFilterValues,
@@ -16,7 +15,7 @@ import {
 import {hideTooltip, showTooltip} from '../../../../store/reducers/tooltip';
 import type {TNetNodeInfo, TNetNodePeerInfo} from '../../../../types/api/netInfo';
 import {cn} from '../../../../utils/cn';
-import {useTypedDispatch, useTypedSelector} from '../../../../utils/hooks';
+import {useAutoRefreshInterval, useTypedDispatch, useTypedSelector} from '../../../../utils/hooks';
 import {getDefaultNodePath} from '../../../Node/NodePages';
 
 import {NodeNetwork} from './NodeNetwork/NodeNetwork';
@@ -32,7 +31,7 @@ interface NetworkProps {
     tenantName: string;
 }
 export function Network({tenantName}: NetworkProps) {
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const filter = useTypedSelector(selectProblemFilter);
     const dispatch = useTypedDispatch();
 
diff --git a/src/containers/Tenant/Diagnostics/Overview/Overview.tsx b/src/containers/Tenant/Diagnostics/Overview/Overview.tsx
index 6926ed03c9..b58170136e 100644
--- a/src/containers/Tenant/Diagnostics/Overview/Overview.tsx
+++ b/src/containers/Tenant/Diagnostics/Overview/Overview.tsx
@@ -6,12 +6,11 @@ import {shallowEqual} from 'react-redux';
 import {ResponseError} from '../../../../components/Errors/ResponseError';
 import {TableIndexInfo} from '../../../../components/InfoViewer/schemaInfo';
 import {Loader} from '../../../../components/Loader';
-import {selectAutoRefreshInterval} from '../../../../store/reducers/autoRefreshControl';
 import {olapApi} from '../../../../store/reducers/olapStats';
 import {overviewApi} from '../../../../store/reducers/overview/overview';
 import {schemaApi, selectSchemaMergedChildrenPaths} from '../../../../store/reducers/schema/schema';
 import {EPathType} from '../../../../types/api/schema';
-import {useTypedSelector} from '../../../../utils/hooks';
+import {useAutoRefreshInterval, useTypedSelector} from '../../../../utils/hooks';
 import {ExternalDataSourceInfo} from '../../Info/ExternalDataSource/ExternalDataSource';
 import {ExternalTableInfo} from '../../Info/ExternalTable/ExternalTable';
 import {ViewInfo} from '../../Info/View/View';
@@ -32,7 +31,7 @@ interface OverviewProps {
 }
 
 function Overview({type, path}: OverviewProps) {
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
 
     const olapParams = isTableType(type) && isColumnEntityType(type) ? {path} : skipToken;
     const {currentData: olapData, isFetching: olapIsFetching} = olapApi.useGetOlapStatsQuery(
diff --git a/src/containers/Tenant/Diagnostics/Overview/TopicStats/TopicStats.tsx b/src/containers/Tenant/Diagnostics/Overview/TopicStats/TopicStats.tsx
index 6598c7c154..24c5307993 100644
--- a/src/containers/Tenant/Diagnostics/Overview/TopicStats/TopicStats.tsx
+++ b/src/containers/Tenant/Diagnostics/Overview/TopicStats/TopicStats.tsx
@@ -5,12 +5,11 @@ import {LabelWithPopover} from '../../../../../components/LabelWithPopover';
 import {LagPopoverContent} from '../../../../../components/LagPopoverContent';
 import {Loader} from '../../../../../components/Loader';
 import {SpeedMultiMeter} from '../../../../../components/SpeedMultiMeter';
-import {selectAutoRefreshInterval} from '../../../../../store/reducers/autoRefreshControl';
 import {selectPreparedTopicStats, topicApi} from '../../../../../store/reducers/topic';
 import type {IPreparedTopicStats} from '../../../../../types/store/topic';
 import {cn} from '../../../../../utils/cn';
 import {formatBps, formatBytes} from '../../../../../utils/dataFormatters/dataFormatters';
-import {useTypedSelector} from '../../../../../utils/hooks';
+import {useAutoRefreshInterval, useTypedSelector} from '../../../../../utils/hooks';
 import {formatDurationToShortTimeFormat} from '../../../../../utils/timeParsers';
 
 import i18n from './i18n';
@@ -71,7 +70,7 @@ const prepareBytesWrittenInfo = (data: IPreparedTopicStats): Array<InfoViewerIte
 };
 
 export const TopicStats = ({path}: {path: string}) => {
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const {currentData, isFetching, error} = topicApi.useGetTopicQuery(
         {path},
         {pollingInterval: autoRefreshInterval},
diff --git a/src/containers/Tenant/Diagnostics/Partitions/Partitions.tsx b/src/containers/Tenant/Diagnostics/Partitions/Partitions.tsx
index 4a7daff8b6..2eaa235b47 100644
--- a/src/containers/Tenant/Diagnostics/Partitions/Partitions.tsx
+++ b/src/containers/Tenant/Diagnostics/Partitions/Partitions.tsx
@@ -5,13 +5,17 @@ import {skipToken} from '@reduxjs/toolkit/query';
 import {ResponseError} from '../../../../components/Errors/ResponseError';
 import {ResizeableDataTable} from '../../../../components/ResizeableDataTable/ResizeableDataTable';
 import {TableSkeleton} from '../../../../components/TableSkeleton/TableSkeleton';
-import {selectAutoRefreshInterval} from '../../../../store/reducers/autoRefreshControl';
 import {nodesListApi, selectNodesMap} from '../../../../store/reducers/nodesList';
 import {partitionsApi, setSelectedConsumer} from '../../../../store/reducers/partitions/partitions';
 import {selectConsumersNames, topicApi} from '../../../../store/reducers/topic';
 import {cn} from '../../../../utils/cn';
 import {DEFAULT_TABLE_SETTINGS, PARTITIONS_HIDDEN_COLUMNS_KEY} from '../../../../utils/constants';
-import {useSetting, useTypedDispatch, useTypedSelector} from '../../../../utils/hooks';
+import {
+    useAutoRefreshInterval,
+    useSetting,
+    useTypedDispatch,
+    useTypedSelector,
+} from '../../../../utils/hooks';
 
 import {PartitionsControls} from './PartitionsControls/PartitionsControls';
 import {PARTITIONS_COLUMNS_WIDTH_LS_KEY} from './columns';
@@ -36,7 +40,7 @@ export const Partitions = ({path}: PartitionsProps) => {
     >([]);
 
     const consumers = useTypedSelector((state) => selectConsumersNames(state, path));
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const {selectedConsumer} = useTypedSelector((state) => state.partitions);
     const {
         currentData: topicData,
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckDetails.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckDetails.tsx
index f8d8938409..a8868d93c8 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckDetails.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckDetails.tsx
@@ -2,9 +2,8 @@ import React from 'react';
 
 import {ResponseError} from '../../../../../components/Errors/ResponseError';
 import {Loader} from '../../../../../components/Loader';
-import {selectAutoRefreshInterval} from '../../../../../store/reducers/autoRefreshControl';
 import {cn} from '../../../../../utils/cn';
-import {useTypedSelector} from '../../../../../utils/hooks';
+import {useAutoRefreshInterval} from '../../../../../utils/hooks';
 import {useHealthcheck} from '../useHealthcheck';
 
 import IssueTree from './IssuesViewer/IssueTree';
@@ -19,7 +18,7 @@ interface HealthcheckDetailsProps {
 }
 
 export function HealthcheckDetails({tenantName}: HealthcheckDetailsProps) {
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const {issueTrees, loading, error} = useHealthcheck(tenantName, {
         autorefresh: autoRefreshInterval,
     });
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.tsx
index daa5378a39..a72503c234 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/Healthcheck/HealthcheckPreview.tsx
@@ -11,11 +11,10 @@ import {Icon} from '@gravity-ui/uikit';
 import {DiagnosticCard} from '../../../../../components/DiagnosticCard/DiagnosticCard';
 import {ResponseError} from '../../../../../components/Errors/ResponseError';
 import {Loader} from '../../../../../components/Loader';
-import {selectAutoRefreshInterval} from '../../../../../store/reducers/autoRefreshControl';
 import {healthcheckApi} from '../../../../../store/reducers/healthcheckInfo/healthcheckInfo';
 import {SelfCheckResult} from '../../../../../types/api/healthcheck';
 import {cn} from '../../../../../utils/cn';
-import {useTypedSelector} from '../../../../../utils/hooks';
+import {useAutoRefreshInterval} from '../../../../../utils/hooks';
 
 import i18n from './i18n';
 
@@ -38,7 +37,7 @@ const icons: Record<SelfCheckResult, IconData> = {
 
 export function HealthcheckPreview(props: HealthcheckPreviewProps) {
     const {tenantName, active} = props;
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const {
         currentData: data,
         isFetching,
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByCpu.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByCpu.tsx
index 78f845569c..c3a0108b54 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByCpu.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByCpu.tsx
@@ -1,8 +1,7 @@
-import {selectAutoRefreshInterval} from '../../../../../store/reducers/autoRefreshControl';
 import {TENANT_DIAGNOSTICS_TABS_IDS} from '../../../../../store/reducers/tenant/constants';
 import {topNodesApi} from '../../../../../store/reducers/tenantOverview/topNodes/topNodes';
 import type {AdditionalNodesProps} from '../../../../../types/additionalProps';
-import {useSearchQuery, useTypedSelector} from '../../../../../utils/hooks';
+import {useAutoRefreshInterval, useSearchQuery} from '../../../../../utils/hooks';
 import {
     NODES_COLUMNS_WIDTH_LS_KEY,
     getTopNodesByCpuColumns,
@@ -20,7 +19,7 @@ interface TopNodesByCpuProps {
 export function TopNodesByCpu({tenantName, additionalNodesProps}: TopNodesByCpuProps) {
     const query = useSearchQuery();
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const columns = getTopNodesByCpuColumns(additionalNodesProps?.getNodeRef);
 
     const {currentData, isFetching, error} = topNodesApi.useGetTopNodesQuery(
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByLoad.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByLoad.tsx
index 8cce5fc997..f9c7759f81 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByLoad.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopNodesByLoad.tsx
@@ -1,8 +1,7 @@
-import {selectAutoRefreshInterval} from '../../../../../store/reducers/autoRefreshControl';
 import {TENANT_DIAGNOSTICS_TABS_IDS} from '../../../../../store/reducers/tenant/constants';
 import {topNodesApi} from '../../../../../store/reducers/tenantOverview/topNodes/topNodes';
 import type {AdditionalNodesProps} from '../../../../../types/additionalProps';
-import {useSearchQuery, useTypedSelector} from '../../../../../utils/hooks';
+import {useAutoRefreshInterval, useSearchQuery} from '../../../../../utils/hooks';
 import {
     NODES_COLUMNS_WIDTH_LS_KEY,
     getTopNodesByLoadColumns,
@@ -20,7 +19,7 @@ interface TopNodesByLoadProps {
 export function TopNodesByLoad({tenantName, additionalNodesProps}: TopNodesByLoadProps) {
     const query = useSearchQuery();
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const columns = getTopNodesByLoadColumns(additionalNodesProps?.getNodeRef);
 
     const {currentData, isFetching, error} = topNodesApi.useGetTopNodesQuery(
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.tsx
index 9191f5c903..1724b01c64 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopQueries.tsx
@@ -3,7 +3,6 @@ import React from 'react';
 import {useHistory, useLocation} from 'react-router';
 
 import {parseQuery} from '../../../../../routes';
-import {selectAutoRefreshInterval} from '../../../../../store/reducers/autoRefreshControl';
 import {changeUserInput} from '../../../../../store/reducers/executeQuery';
 import {
     TENANT_DIAGNOSTICS_TABS_IDS,
@@ -12,7 +11,7 @@ import {
     TENANT_QUERY_TABS_ID,
 } from '../../../../../store/reducers/tenant/constants';
 import {topQueriesApi} from '../../../../../store/reducers/tenantOverview/topQueries/tenantOverviewTopQueries';
-import {useTypedDispatch, useTypedSelector} from '../../../../../utils/hooks';
+import {useAutoRefreshInterval, useTypedDispatch} from '../../../../../utils/hooks';
 import {parseQueryErrorToString} from '../../../../../utils/query';
 import {TenantTabsGroups, getTenantPath} from '../../../TenantPages';
 import {
@@ -35,7 +34,7 @@ export function TopQueries({tenantName}: TopQueriesProps) {
 
     const query = parseQuery(location);
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const columns = getTenantOverviewTopQueriesColumns();
 
     const {currentData, isFetching, error} = topQueriesApi.useGetOverviewTopQueriesQuery(
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopShards.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopShards.tsx
index 9839cc6b0a..789957e5fc 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopShards.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/TenantCpu/TopShards.tsx
@@ -1,10 +1,9 @@
 import {useLocation} from 'react-router';
 
 import {parseQuery} from '../../../../../routes';
-import {selectAutoRefreshInterval} from '../../../../../store/reducers/autoRefreshControl';
 import {TENANT_DIAGNOSTICS_TABS_IDS} from '../../../../../store/reducers/tenant/constants';
 import {topShardsApi} from '../../../../../store/reducers/tenantOverview/topShards/tenantOverviewTopShards';
-import {useTypedSelector} from '../../../../../utils/hooks';
+import {useAutoRefreshInterval} from '../../../../../utils/hooks';
 import {parseQueryErrorToString} from '../../../../../utils/query';
 import {TenantTabsGroups, getTenantPath} from '../../../TenantPages';
 import {
@@ -25,7 +24,7 @@ export const TopShards = ({tenantName, path}: TopShardsProps) => {
 
     const query = parseQuery(location);
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
 
     const {currentData, isFetching, error} = topShardsApi.useGetTopShardsQuery(
         {database: tenantName, path},
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.tsx
index f2afc8f6c1..aecbcac606 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/TenantDashboard/TenantDashboard.tsx
@@ -9,9 +9,8 @@ import type {
     MetricDescription,
 } from '../../../../../components/MetricChart';
 import {TimeFrameSelector} from '../../../../../components/TimeFrameSelector/TimeFrameSelector';
-import {selectAutoRefreshInterval} from '../../../../../store/reducers/autoRefreshControl';
 import {cn} from '../../../../../utils/cn';
-import {useTypedSelector} from '../../../../../utils/hooks';
+import {useAutoRefreshInterval} from '../../../../../utils/hooks';
 import type {TimeFrame} from '../../../../../utils/timeframes';
 
 import './TenantDashboard.scss';
@@ -37,7 +36,7 @@ export const TenantDashboard = ({database, charts}: TenantDashboardProps) => {
 
     const [timeFrame = '1h', setTimeframe] = useQueryParam('timeframe', StringParam);
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
 
     // Refetch data only if dashboard successfully loaded
     const shouldRefresh = isDashboardHidden ? 0 : autoRefreshInterval;
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TopNodesByMemory.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TopNodesByMemory.tsx
index 450b70d37b..a452db0c5f 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TopNodesByMemory.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/TenantMemory/TopNodesByMemory.tsx
@@ -1,8 +1,7 @@
-import {selectAutoRefreshInterval} from '../../../../../store/reducers/autoRefreshControl';
 import {TENANT_DIAGNOSTICS_TABS_IDS} from '../../../../../store/reducers/tenant/constants';
 import {topNodesApi} from '../../../../../store/reducers/tenantOverview/topNodes/topNodes';
 import type {AdditionalNodesProps} from '../../../../../types/additionalProps';
-import {useSearchQuery, useTypedSelector} from '../../../../../utils/hooks';
+import {useAutoRefreshInterval, useSearchQuery} from '../../../../../utils/hooks';
 import {
     NODES_COLUMNS_WIDTH_LS_KEY,
     getTopNodesByMemoryColumns,
@@ -20,7 +19,7 @@ interface TopNodesByMemoryProps {
 export function TopNodesByMemory({tenantName, additionalNodesProps}: TopNodesByMemoryProps) {
     const query = useSearchQuery();
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const columns = getTopNodesByMemoryColumns({
         getNodeRef: additionalNodesProps?.getNodeRef,
     });
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.tsx
index 810a9d8ba0..4e02a4fa43 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/TenantOverview.tsx
@@ -1,13 +1,12 @@
 import {Loader} from '@gravity-ui/uikit';
 
 import {EntityStatus} from '../../../../components/EntityStatus/EntityStatus';
-import {selectAutoRefreshInterval} from '../../../../store/reducers/autoRefreshControl';
 import {TENANT_METRICS_TABS_IDS} from '../../../../store/reducers/tenant/constants';
 import {tenantApi} from '../../../../store/reducers/tenant/tenant';
 import {calculateTenantMetrics} from '../../../../store/reducers/tenants/utils';
 import type {AdditionalNodesProps, AdditionalTenantsProps} from '../../../../types/additionalProps';
 import {TENANT_DEFAULT_TITLE} from '../../../../utils/constants';
-import {useTypedSelector} from '../../../../utils/hooks';
+import {useAutoRefreshInterval, useTypedSelector} from '../../../../utils/hooks';
 import {mapDatabaseTypeToDBName} from '../../utils/schema';
 
 import {DefaultOverviewContent} from './DefaultOverviewContent/DefaultOverviewContent';
@@ -32,7 +31,7 @@ export function TenantOverview({
     additionalNodesProps,
 }: TenantOverviewProps) {
     const {metricsTab} = useTypedSelector((state) => state.tenant);
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
 
     const {currentData: tenant, isFetching} = tenantApi.useGetTenantInfoQuery(
         {path: tenantName},
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.tsx
index a8b347a2d1..994ae82049 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopGroups.tsx
@@ -1,7 +1,6 @@
-import {selectAutoRefreshInterval} from '../../../../../store/reducers/autoRefreshControl';
 import {TENANT_DIAGNOSTICS_TABS_IDS} from '../../../../../store/reducers/tenant/constants';
 import {topStorageGroupsApi} from '../../../../../store/reducers/tenantOverview/topStorageGroups/topStorageGroups';
-import {useSearchQuery, useTypedSelector} from '../../../../../utils/hooks';
+import {useAutoRefreshInterval, useSearchQuery} from '../../../../../utils/hooks';
 import {
     STORAGE_GROUPS_COLUMNS_WIDTH_LS_KEY,
     getStorageTopGroupsColumns,
@@ -18,7 +17,7 @@ interface TopGroupsProps {
 export function TopGroups({tenant}: TopGroupsProps) {
     const query = useSearchQuery();
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
 
     const columns = getStorageTopGroupsColumns();
 
diff --git a/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.tsx b/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.tsx
index 51c486b029..60196ba8d7 100644
--- a/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.tsx
+++ b/src/containers/Tenant/Diagnostics/TenantOverview/TenantStorage/TopTables.tsx
@@ -4,11 +4,10 @@ import {useLocation} from 'react-router';
 
 import {CellWithPopover} from '../../../../../components/CellWithPopover/CellWithPopover';
 import {LinkToSchemaObject} from '../../../../../components/LinkToSchemaObject/LinkToSchemaObject';
-import {selectAutoRefreshInterval} from '../../../../../store/reducers/autoRefreshControl';
 import {topTablesApi} from '../../../../../store/reducers/tenantOverview/executeTopTables/executeTopTables';
 import type {KeyValueRow} from '../../../../../types/api/query';
 import {formatBytes, getSizeWithSignificantDigits} from '../../../../../utils/bytesParsers';
-import {useTypedSelector} from '../../../../../utils/hooks';
+import {useAutoRefreshInterval} from '../../../../../utils/hooks';
 import {parseQueryErrorToString} from '../../../../../utils/query';
 import {TenantOverviewTableLayout} from '../TenantOverviewTableLayout';
 import {getSectionTitle} from '../getSectionTitle';
@@ -25,7 +24,7 @@ const TOP_TABLES_COLUMNS_WIDTH_LS_KEY = 'topTablesTableColumnsWidth';
 export function TopTables({path}: TopTablesProps) {
     const location = useLocation();
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
 
     const {currentData, error, isFetching} = topTablesApi.useGetTopTablesQuery(
         {path},
diff --git a/src/containers/Tenant/Diagnostics/TopQueries/TopQueries.tsx b/src/containers/Tenant/Diagnostics/TopQueries/TopQueries.tsx
index c09d3af2b1..e102fab671 100644
--- a/src/containers/Tenant/Diagnostics/TopQueries/TopQueries.tsx
+++ b/src/containers/Tenant/Diagnostics/TopQueries/TopQueries.tsx
@@ -8,7 +8,6 @@ import {ResizeableDataTable} from '../../../../components/ResizeableDataTable/Re
 import {Search} from '../../../../components/Search';
 import {TableWithControlsLayout} from '../../../../components/TableWithControlsLayout/TableWithControlsLayout';
 import {parseQuery} from '../../../../routes';
-import {selectAutoRefreshInterval} from '../../../../store/reducers/autoRefreshControl';
 import {changeUserInput} from '../../../../store/reducers/executeQuery';
 import {
     setTopQueriesFilters,
@@ -22,7 +21,7 @@ import {
 import type {EPathType} from '../../../../types/api/schema';
 import {cn} from '../../../../utils/cn';
 import {isSortableTopQueriesProperty} from '../../../../utils/diagnostics';
-import {useTypedDispatch, useTypedSelector} from '../../../../utils/hooks';
+import {useAutoRefreshInterval, useTypedDispatch, useTypedSelector} from '../../../../utils/hooks';
 import {parseQueryErrorToString} from '../../../../utils/query';
 import {TenantTabsGroups, getTenantPath} from '../../TenantPages';
 import {QUERY_TABLE_SETTINGS} from '../../utils/constants';
@@ -45,7 +44,7 @@ export const TopQueries = ({tenantName, type}: TopQueriesProps) => {
     const location = useLocation();
     const history = useHistory();
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
 
     const filters = useTypedSelector((state) => state.executeTopQueries);
     const {currentData, isFetching, error} = topQueriesApi.useGetTopQueriesQuery(
diff --git a/src/containers/Tenant/Diagnostics/TopShards/TopShards.tsx b/src/containers/Tenant/Diagnostics/TopShards/TopShards.tsx
index 30664dce9d..0400db7851 100644
--- a/src/containers/Tenant/Diagnostics/TopShards/TopShards.tsx
+++ b/src/containers/Tenant/Diagnostics/TopShards/TopShards.tsx
@@ -6,7 +6,6 @@ import {useLocation} from 'react-router';
 
 import {ResizeableDataTable} from '../../../../components/ResizeableDataTable/ResizeableDataTable';
 import {TableWithControlsLayout} from '../../../../components/TableWithControlsLayout/TableWithControlsLayout';
-import {selectAutoRefreshInterval} from '../../../../store/reducers/autoRefreshControl';
 import {
     setShardsQueryFilters,
     shardApi,
@@ -19,7 +18,7 @@ import {cn} from '../../../../utils/cn';
 import {DEFAULT_TABLE_SETTINGS, HOUR_IN_SECONDS} from '../../../../utils/constants';
 import {formatDateTime} from '../../../../utils/dataFormatters/dataFormatters';
 import {isSortableTopShardsProperty} from '../../../../utils/diagnostics';
-import {useTypedDispatch, useTypedSelector} from '../../../../utils/hooks';
+import {useAutoRefreshInterval, useTypedDispatch, useTypedSelector} from '../../../../utils/hooks';
 import {parseQueryErrorToString} from '../../../../utils/query';
 import {isColumnEntityType} from '../../utils/schema';
 
@@ -96,7 +95,7 @@ export const TopShards = ({tenantName, path, type}: TopShardsProps) => {
     const dispatch = useTypedDispatch();
     const location = useLocation();
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
 
     const storeFilters = useTypedSelector((state) => state.shardsWorkload);
 
diff --git a/src/containers/Tenant/Query/Preview/Preview.tsx b/src/containers/Tenant/Query/Preview/Preview.tsx
index c6e3d870de..49e37aa63f 100644
--- a/src/containers/Tenant/Query/Preview/Preview.tsx
+++ b/src/containers/Tenant/Query/Preview/Preview.tsx
@@ -4,12 +4,11 @@ import {Button, Icon, Loader} from '@gravity-ui/uikit';
 import EnableFullscreenButton from '../../../../components/EnableFullscreenButton/EnableFullscreenButton';
 import Fullscreen from '../../../../components/Fullscreen/Fullscreen';
 import {QueryResultTable} from '../../../../components/QueryResultTable';
-import {selectAutoRefreshInterval} from '../../../../store/reducers/autoRefreshControl';
 import {previewApi} from '../../../../store/reducers/preview';
 import {setShowPreview} from '../../../../store/reducers/schema/schema';
 import type {EPathType} from '../../../../types/api/schema';
 import {cn} from '../../../../utils/cn';
-import {useTypedDispatch, useTypedSelector} from '../../../../utils/hooks';
+import {useAutoRefreshInterval, useTypedDispatch, useTypedSelector} from '../../../../utils/hooks';
 import {parseQueryErrorToString} from '../../../../utils/query';
 import {isExternalTableType, isTableType} from '../../utils/schema';
 import i18n from '../i18n';
@@ -29,7 +28,7 @@ export const Preview = ({database, path, type}: PreviewProps) => {
 
     const isPreviewAvailable = isTableType(type);
 
-    const autoRefreshInterval = useTypedSelector(selectAutoRefreshInterval);
+    const [autoRefreshInterval] = useAutoRefreshInterval();
     const isFullscreen = useTypedSelector((state) => state.fullscreen);
 
     const query = `--!syntax_v1\nselect * from \`${path}\` limit 32`;
diff --git a/src/services/settings.ts b/src/services/settings.ts
index 143c27c64e..7eb69d4578 100644
--- a/src/services/settings.ts
+++ b/src/services/settings.ts
@@ -2,6 +2,7 @@ import {TENANT_PAGES_IDS} from '../store/reducers/tenant/constants';
 import {
     ASIDE_HEADER_COMPACT_KEY,
     AUTOCOMPLETE_ON_ENTER,
+    AUTO_REFRESH_INTERVAL,
     BINARY_DATA_IN_PLAIN_TEXT_DISPLAY,
     ENABLE_AUTOCOMPLETE,
     INVERTED_DISKS_KEY,
@@ -42,6 +43,7 @@ export const DEFAULT_USER_SETTINGS = {
     [ENABLE_AUTOCOMPLETE]: true,
     [AUTOCOMPLETE_ON_ENTER]: true,
     [IS_HOTKEYS_HELP_HIDDEN_KEY]: false,
+    [AUTO_REFRESH_INTERVAL]: 0,
 } as const satisfies SettingsObject;
 
 class SettingsManager {
diff --git a/src/store/reducers/autoRefreshControl.ts b/src/store/reducers/autoRefreshControl.ts
deleted file mode 100644
index 67ecb90674..0000000000
--- a/src/store/reducers/autoRefreshControl.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import type {Dispatch, PayloadAction} from '@reduxjs/toolkit';
-import {createSlice} from '@reduxjs/toolkit';
-
-import {settingsManager} from '../../services/settings';
-import {AUTO_REFRESH_INTERVAL} from '../../utils/constants';
-
-const autoRefreshLS = Number(settingsManager.readUserSettingsValue(AUTO_REFRESH_INTERVAL, 0));
-
-export const autoRefreshControlSlice = createSlice({
-    name: 'autoRefreshControl',
-    initialState: {
-        autoRefreshInterval: isNaN(autoRefreshLS) ? 0 : autoRefreshLS,
-    },
-    reducers: {
-        setAutoRefreshInterval: (state, action: PayloadAction<number>) => {
-            state.autoRefreshInterval = action.payload;
-        },
-    },
-    selectors: {
-        selectAutoRefreshInterval: (state) => state.autoRefreshInterval,
-    },
-});
-
-export function setAutoRefreshInterval(interval: number) {
-    return (dispatch: Dispatch) => {
-        settingsManager.setUserSettingsValue(AUTO_REFRESH_INTERVAL, interval);
-        dispatch(autoRefreshControlSlice.actions.setAutoRefreshInterval(interval));
-    };
-}
-
-export const {selectAutoRefreshInterval} = autoRefreshControlSlice.selectors;
diff --git a/src/store/reducers/index.ts b/src/store/reducers/index.ts
index 73029d8c9a..66f0b49315 100644
--- a/src/store/reducers/index.ts
+++ b/src/store/reducers/index.ts
@@ -2,7 +2,6 @@ import {combineReducers} from '@reduxjs/toolkit';
 
 import {api} from './api';
 import authentication from './authentication/authentication';
-import {autoRefreshControlSlice} from './autoRefreshControl';
 import cluster from './cluster/cluster';
 import clusters from './clusters/clusters';
 import executeQuery from './executeQuery';
@@ -23,7 +22,6 @@ import tooltip from './tooltip';
 
 export const rootReducer = {
     [api.reducerPath]: api.reducer,
-    [autoRefreshControlSlice.reducerPath]: autoRefreshControlSlice.reducer,
     singleClusterMode,
     cluster,
     tenant,
diff --git a/src/utils/hooks/index.ts b/src/utils/hooks/index.ts
index 658ed38467..ce55b809e3 100644
--- a/src/utils/hooks/index.ts
+++ b/src/utils/hooks/index.ts
@@ -4,6 +4,7 @@ export * from './useSetting';
 export * from './useQueryModes';
 export * from './useTableSort';
 export * from './useSearchQuery';
+export * from './useAutoRefreshInterval';
 
 export * from './useNodesRequestParams';
 export * from './useStorageRequestParams';
diff --git a/src/utils/hooks/useAutoRefreshInterval.ts b/src/utils/hooks/useAutoRefreshInterval.ts
new file mode 100644
index 0000000000..7b0e3c4b39
--- /dev/null
+++ b/src/utils/hooks/useAutoRefreshInterval.ts
@@ -0,0 +1,7 @@
+import {AUTO_REFRESH_INTERVAL} from '../constants';
+
+import {useSetting} from './useSetting';
+
+export function useAutoRefreshInterval() {
+    return useSetting(AUTO_REFRESH_INTERVAL, 0);
+}