import dynamic from "next/dynamic"; import { useState, useEffect } from "react"; import { useTranslation } from "next-i18next"; import useWidgetAPI from "utils/proxy/use-widget-api"; const Chart = dynamic(() => import("./chart"), { ssr: false }); const pointsLimit = 15; export default function Component({ service }) { const { t } = useTranslation(); const [dataPoints, setDataPoints] = useState(new Array(pointsLimit).fill({ value: 0 }, 0, pointsLimit)); const { data, error } = useWidgetAPI(service.widget, 'cpu', { refreshInterval: 1000, }); const { data: systemData, error: systemError } = useWidgetAPI(service.widget, 'system'); useEffect(() => { if (data) { setDataPoints((prevDataPoints) => { const newDataPoints = [...prevDataPoints, { value: data.total }]; if (newDataPoints.length > pointsLimit) { newDataPoints.shift(); } return newDataPoints; }); } }, [data]); if (error) { return