default Alova v2

interface/src/app/status/APStatus.tsx

@@ -16,7 +16,8 @@ import type { Theme } from '@mui/material';
 
 import * as APApi from 'api/ap';
 
-import { useRequest } from 'alova/client';
+// import { useRequest } from 'alova/client'  // TODO replace when Alova 3 is released
+import { useRequest } from 'alova';
 import { ButtonRow, FormLoader, SectionContent, useLayoutTitle } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 import type { APStatusType } from 'types';

interface/src/app/status/Activity.tsx

@@ -13,7 +13,8 @@ import {
   Table
 } from '@table-library/react-table-library/table';
 import { useTheme as tableTheme } from '@table-library/react-table-library/theme';
-import { useRequest } from 'alova/client';
+// import { useRequest } from 'alova/client'  // TODO replace when Alova 3 is released
+import { useRequest } from 'alova';
 import { ButtonRow, FormLoader, SectionContent, useLayoutTitle } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 import type { Translation } from 'i18n/i18n-types';

interface/src/app/status/HardwareStatus.tsx

@@ -20,7 +20,8 @@ import {
 
 import * as SystemApi from 'api/system';
 
-import { useRequest } from 'alova/client';
+// import { useRequest } from 'alova/client'  // TODO replace when Alova 3 is released
+import { useRequest } from 'alova';
 import { ButtonRow, FormLoader, SectionContent, useLayoutTitle } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 

interface/src/app/status/MqttStatus.tsx

@@ -17,7 +17,8 @@ import type { Theme } from '@mui/material';
 
 import * as MqttApi from 'api/mqtt';
 
-import { useRequest } from 'alova/client';
+// import { useRequest } from 'alova/client'  // TODO replace when Alova 3 is released
+import { useRequest } from 'alova';
 import { ButtonRow, FormLoader, SectionContent, useLayoutTitle } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 import type { MqttStatusType } from 'types';

interface/src/app/status/NTPStatus.tsx

@@ -29,7 +29,8 @@ import type { Theme } from '@mui/material';
 import * as NTPApi from 'api/ntp';
 
 import { dialogStyle } from 'CustomTheme';
-import { useRequest } from 'alova/client';
+// import { useRequest } from 'alova/client'  // TODO replace when Alova 3 is released
+import { useRequest } from 'alova';
 import { ButtonRow, FormLoader, SectionContent, useLayoutTitle } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 import type { NTPStatusType, Time } from 'types';

interface/src/app/status/NetworkStatus.tsx

@@ -20,7 +20,8 @@ import type { Theme } from '@mui/material';
 
 import * as NetworkApi from 'api/network';
 
-import { useRequest } from 'alova/client';
+// import { useRequest } from 'alova/client'  // TODO replace when Alova 3 is released
+import { useRequest } from 'alova';
 import { ButtonRow, FormLoader, SectionContent, useLayoutTitle } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 import type { NetworkStatusType } from 'types';

interface/src/app/status/RestartMonitor.tsx

@@ -2,7 +2,8 @@ import { useEffect, useRef, useState } from 'react';
 
 import * as SystemApi from 'api/system';
 
-import { useRequest } from 'alova/client';
+// import { useRequest } from 'alova/client'  // TODO replace when Alova 3 is released
+import { useRequest } from 'alova';
 import { FormLoader } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 

interface/src/app/status/Status.tsx

@@ -34,7 +34,8 @@ import {
 import * as SystemApi from 'api/system';
 
 import { dialogStyle } from 'CustomTheme';
-import { useRequest } from 'alova/client';
+// import { useRequest } from 'alova/client'  // TODO replace when Alova 3 is released
+import { useRequest } from 'alova';
 import { busConnectionStatus } from 'app/main/types';
 import { FormLoader, SectionContent, useLayoutTitle } from 'components';
 import ListMenuItem from 'components/layout/ListMenuItem';
@@ -67,8 +68,8 @@ const SystemStatus = () => {
 
   const {
     data: data,
-    loading,
-    send: loadData
+    send: loadData,
+    error
   } = useRequest(SystemApi.readSystemStatus, {
     initialData: []
   });
@@ -272,11 +273,6 @@ const SystemStatus = () => {
   );
 
   const content = () => {
-    // TODO remove test code
-    if (loading) {
-      return <>not loaded!</>;
-    }
-
     if (!data) {
       return <FormLoader onRetry={loadData} errorMessage={error?.message} />;
     }

interface/src/app/status/SystemLog.tsx

@@ -16,7 +16,9 @@ import {
 import * as SystemApi from 'api/system';
 import { fetchLogES } from 'api/system';
 
-import { useRequest, useSSE } from 'alova/client';
+// import { useRequest, useSSE } from 'alova/client'; // TODO replace when Alova 3 is released
+import { useSSE } from '@alova/scene-react';
+import { useRequest } from 'alova';
 import {
   BlockFormControlLabel,
   BlockNavigation,