diff --git a/src/app/__tests__/root-loading-silhouette.test.tsx b/src/app/__tests__/root-loading-silhouette.test.tsx index ce7eb0488..146f7ca3b 100644 --- a/src/app/__tests__/root-loading-silhouette.test.tsx +++ b/src/app/__tests__/root-loading-silhouette.test.tsx @@ -86,7 +86,10 @@ describe("RootLoading — single skeleton source (wiring pins)", () => { join(process.cwd(), "src/app/loading.tsx"), "utf8", ); - const pageSrc = readFileSync(join(process.cwd(), "src/app/page-client.tsx"), "utf8"); + const pageSrc = readFileSync( + join(process.cwd(), "src/app/page-client.tsx"), + "utf8", + ); it("imports the same silhouette components the page's loading phase uses", () => { expect(loadingSrc).toContain( diff --git a/src/app/page-client.tsx b/src/app/page-client.tsx index 0baf2878c..158f85062 100644 --- a/src/app/page-client.tsx +++ b/src/app/page-client.tsx @@ -93,9 +93,9 @@ const MoodChart = (props: React.ComponentProps) => ( ); const MedicationComplianceChartLazy = dynamic( () => - importWithRetry( - () => import("@/components/charts/chart-runtime"), - ).then((mod) => ({ default: mod.MedicationComplianceChart })), + importWithRetry(() => import("@/components/charts/chart-runtime")).then( + (mod) => ({ default: mod.MedicationComplianceChart }), + ), { ssr: false, loading: () => }, ); const MedicationComplianceChart = ( diff --git a/src/components/custom-metrics/custom-metric-detail.tsx b/src/components/custom-metrics/custom-metric-detail.tsx index 25d6960aa..1f170814c 100644 --- a/src/components/custom-metrics/custom-metric-detail.tsx +++ b/src/components/custom-metrics/custom-metric-detail.tsx @@ -42,9 +42,11 @@ import type { // off the detail page's first-load JS; the skeleton shell holds the layout. const CustomMetricChartLazy = dynamic( () => - importWithRetry(() => import("@/components/charts/chart-runtime")).then((mod) => ({ - default: mod.CustomMetricChart, - })), + importWithRetry(() => import("@/components/charts/chart-runtime")).then( + (mod) => ({ + default: mod.CustomMetricChart, + }), + ), { ssr: false, loading: () => }, ); function CustomMetricChart( diff --git a/src/components/insights/sleep-overview.tsx b/src/components/insights/sleep-overview.tsx index 4c0c412f2..2bbd01c75 100644 --- a/src/components/insights/sleep-overview.tsx +++ b/src/components/insights/sleep-overview.tsx @@ -25,9 +25,11 @@ import { SleepDurationChart } from "./sleep-duration-chart"; // matches the card the bar paints so the layout stays stable. const SleepStageStackedBarLazy = dynamic( () => - importWithRetry(() => import("@/components/charts/chart-runtime")).then((mod) => ({ - default: mod.SleepStageStackedBar, - })), + importWithRetry(() => import("@/components/charts/chart-runtime")).then( + (mod) => ({ + default: mod.SleepStageStackedBar, + }), + ), { ssr: false, loading: () => }, ); function SleepStageStackedBar( diff --git a/src/components/mental-health/assessment-history.tsx b/src/components/mental-health/assessment-history.tsx index 094d572f4..bc59c1402 100644 --- a/src/components/mental-health/assessment-history.tsx +++ b/src/components/mental-health/assessment-history.tsx @@ -38,9 +38,11 @@ import type { AssessmentRow, CrisisSet, InstrumentId } from "./types"; // holds the layout. const AssessmentHistoryChartLazy = dynamic( () => - importWithRetry(() => import("@/components/charts/chart-runtime")).then((mod) => ({ - default: mod.AssessmentHistoryChart, - })), + importWithRetry(() => import("@/components/charts/chart-runtime")).then( + (mod) => ({ + default: mod.AssessmentHistoryChart, + }), + ), { ssr: false, loading: () => }, ); function AssessmentHistoryChart(