fix: usePerformanceData rustfs/rustfs#2199

Author: cxymds

hooks/use-performance-data.ts

@@ -64,9 +64,11 @@ export function usePerformanceData() {
   const [loading, setLoading] = useState(true)
   const [error, setError] = useState<string | null>(null)
   const mountedRef = React.useRef(true)
+  const refetchingRef = React.useRef(false)
 
   const refetch = useCallback(async () => {
-    if (!mountedRef.current) return
+    if (!mountedRef.current || refetchingRef.current) return
+    refetchingRef.current = true
     setLoading(true)
     setError(null)
     try {
@@ -91,6 +93,8 @@ export function usePerformanceData() {
       if (mountedRef.current) setMetricsInfo((metricsRes as MetricsInfo) ?? {})
     } catch {
       if (mountedRef.current) setMetricsInfo({})
+    } finally {
+      refetchingRef.current = false
     }
   }, [systemApi, t])
 

hooks/use-system.ts

@@ -30,16 +30,16 @@ export function useSystem() {
 
   const getSystemMetrics = useCallback(async () => {
     try {
-      let merged: Record<string, unknown> = {}
-      for await (const data of api.streamRequest("/metrics")) {
-        merged = { ...merged, ...data }
-      }
-      if (Object.keys(merged).length > 0) return merged
+      return await api.get("/metrics", {
+        params: {
+          n: "1",
+          types: "1",
+        },
+      })
     } catch {
-      // Fallback: try regular GET if streaming fails (e.g. API returns single JSON)
+      // Keep page rendering resilient when metrics endpoint is temporarily unavailable.
     }
-    const res = await api.get("/metrics")
-    return (res as Record<string, unknown>) ?? {}
+    return {}
   }, [api])
 
   const getLicense = useCallback(async () => {