soo-rnd
/
infra-report
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: dynamic import for echarts, html2canvas, jspdf to prevent SSR errors
CI/CD / build-and-push (push) Successful in 1m31s Details

This commit is contained in:
Cloud User 2026-03-16 11:12:00 +09:00
parent b7ecc51f13
commit 03629431fd
3 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/page.tsx
View File

@ -8,8 +8,6 @@ import TimeSeriesChart from '@/components/charts/TimeSeriesChart';
import NetworkChart from '@/components/charts/NetworkChart';
import NodeTable from '@/components/report/NodeTable';
import AlertSection from '@/components/report/AlertSection';
import html2canvas from 'html2canvas';
import jsPDF from 'jspdf';
export default function Home() {
const [days, setDays] = useState(7);
@ -18,6 +16,8 @@ export default function Home() {
const handleExportPdf = async () => {
if (!reportRef.current) return;
const html2canvas = (await import('html2canvas')).default;
const { default: jsPDF } = await import('jspdf');
const canvas = await html2canvas(reportRef.current, { scale: 2, useCORS: true });
const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF('p', 'mm', 'a4');

4
src/components/charts/NetworkChart.tsx
View File

@ -1,9 +1,11 @@
'use client';
import ReactECharts from 'echarts-for-react';
import dynamic from 'next/dynamic';
import type { NetworkMetrics } from '@/types/metrics';
import { formatTimestamp, formatBytes } from '@/lib/formatters';
const ReactECharts = dynamic(() => import('echarts-for-react'), { ssr: false });
interface NetworkChartProps {
data: NetworkMetrics;
height?: number;

4
src/components/charts/TimeSeriesChart.tsx
View File

@ -1,9 +1,11 @@
'use client';
import ReactECharts from 'echarts-for-react';
import dynamic from 'next/dynamic';
import type { MetricInstance } from '@/types/metrics';
import { formatTimestamp } from '@/lib/formatters';
const ReactECharts = dynamic(() => import('echarts-for-react'), { ssr: false });
interface TimeSeriesChartProps {
title: string;
instances: MetricInstance[];