upgrade alova to v3

interface/src/app/status/APStatus.tsx

@@ -18,7 +18,7 @@ import type { Theme } from '@mui/material';
 
 import * as APApi from 'api/ap';
 
-import { useRequest } from 'alova';
+import { useRequest } from 'alova/client';
 import { ButtonRow, FormLoader, SectionContent, useLayoutTitle } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 import type { APStatusType } from 'types';

interface/src/app/status/Activity.tsx

@@ -14,7 +14,7 @@ import {
   Table
 } from '@table-library/react-table-library/table';
 import { useTheme as tableTheme } from '@table-library/react-table-library/theme';
-import { useRequest } from 'alova';
+import { useRequest } from 'alova/client';
 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

@@ -22,7 +22,7 @@ import {
 
 import * as SystemApi from 'api/system';
 
-import { useRequest } from 'alova';
+import { useRequest } from 'alova/client';
 import { ButtonRow, FormLoader, SectionContent, useLayoutTitle } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 

interface/src/app/status/MqttStatus.tsx

@@ -19,7 +19,7 @@ import type { Theme } from '@mui/material';
 
 import * as MqttApi from 'api/mqtt';
 
-import { useRequest } from 'alova';
+import { useRequest } from 'alova/client';
 import { ButtonRow, FormLoader, SectionContent, useLayoutTitle } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 import type { MqttStatusType } from 'types';

interface/src/app/status/NTPStatus.tsx

@@ -30,7 +30,7 @@ import type { Theme } from '@mui/material';
 import * as NTPApi from 'api/ntp';
 
 import { dialogStyle } from 'CustomTheme';
-import { useRequest } from 'alova';
+import { useRequest } from 'alova/client';
 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

@@ -22,7 +22,7 @@ import type { Theme } from '@mui/material';
 
 import * as NetworkApi from 'api/network';
 
-import { useRequest } from 'alova';
+import { useRequest } from 'alova/client';
 import { ButtonRow, FormLoader, SectionContent, useLayoutTitle } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 import type { NetworkStatusType } from 'types';

interface/src/app/status/RestartMonitor.tsx

@@ -3,7 +3,7 @@ import type { FC } from 'react';
 
 import * as SystemApi from 'api/system';
 
-import { useRequest } from 'alova';
+import { useRequest } from 'alova/client';
 import { FormLoader } from 'components';
 import { useI18nContext } from 'i18n/i18n-react';
 

interface/src/app/status/Status.tsx

@@ -34,7 +34,7 @@ import {
 import * as SystemApi from 'api/system';
 
 import { dialogStyle } from 'CustomTheme';
-import { useRequest } from 'alova';
+import { useRequest } from 'alova/client';
 import { busConnectionStatus } from 'app/main/types';
 import { FormLoader, SectionContent, useLayoutTitle } from 'components';
 import ListMenuItem from 'components/layout/ListMenuItem';
@@ -67,9 +67,11 @@ const SystemStatus: FC = () => {
 
   const {
     data: data,
-    send: loadData,
-    error
-  } = useRequest(SystemApi.readSystemStatus, { force: true });
+    loading,
+    send: loadData
+  } = useRequest(SystemApi.readSystemStatus, {
+    initialData: []
+  });
 
   const theme = useTheme();
 
@@ -270,8 +272,12 @@ const SystemStatus: FC = () => {
   );
 
   const content = () => {
-    if (!data) {
-      return <FormLoader onRetry={loadData} errorMessage={error?.message} />;
+    // if (!data) {
+    //   return <FormLoader onRetry={loadData} errorMessage={error?.message} />;
+    // }
+
+    if (loading) {
+      return <>fddfdd</>;
     }
 
     return (
@@ -405,9 +411,7 @@ const SystemStatus: FC = () => {
     );
   };
 
-  return (
-    <SectionContent>{restarting ? <RestartMonitor /> : content()}</SectionContent>
-  );
+  return <SectionContent>{content()}</SectionContent>;
 };
 
 export default SystemStatus;

interface/src/app/status/SystemLog.tsx

@@ -17,8 +17,7 @@ import {
 import * as SystemApi from 'api/system';
 import { fetchLogES } from 'api/system';
 
-import { useSSE } from '@alova/scene-react';
-import { useRequest } from 'alova';
+import { useRequest, useSSE } from 'alova/client';
 import {
   BlockFormControlLabel,
   BlockNavigation,