soconnor/beenvoice-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use node standalone server instead of next start

Browse Source 
Dynamically import recharts components with ssr:false to prevent
server-side rendering of DOM-dependent charts, eliminating the
width/height -1 warnings and redacted SSR errors.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Sean O'Connor
2026-06-06 18:24:59 -04:00
parent d2f39bfc35
commit b1f0c98fdd
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/dashboard/page.tsx
+14 -3
View File
@@ -20,9 +20,20 @@ import { auth } from "~/lib/auth";
import { headers } from "next/headers";
import { HydrateClient, api } from "~/trpc/server";
import type { StoredInvoiceStatus } from "~/types/invoice";
import { RevenueChart } from "~/app/dashboard/_components/revenue-chart";
import { InvoiceStatusChart } from "~/app/dashboard/_components/invoice-status-chart";
import { MonthlyMetricsChart } from "~/app/dashboard/_components/monthly-metrics-chart";
import dynamic from "next/dynamic";
const RevenueChart = dynamic(
() => import("~/app/dashboard/_components/revenue-chart").then((m) => m.RevenueChart),
{ ssr: false, loading: () => <Skeleton className="h-64 w-full" /> },
);
const InvoiceStatusChart = dynamic(
() => import("~/app/dashboard/_components/invoice-status-chart").then((m) => m.InvoiceStatusChart),
{ ssr: false, loading: () => <Skeleton className="h-64 w-full" /> },
);
const MonthlyMetricsChart = dynamic(
() => import("~/app/dashboard/_components/monthly-metrics-chart").then((m) => m.MonthlyMetricsChart),
{ ssr: false, loading: () => <Skeleton className="h-64 w-full" /> },
);
import { AnimatedStatsCard } from "~/app/dashboard/_components/animated-stats-card";
import type { DashboardStats, RecentInvoice } from "./types";