fix(dashboard): actually lazy load reports

apps/dashboard/src/components/report-chart/area/index.tsx

@@ -13,6 +13,7 @@ export function ReportAreaChart() {
   const res = api.chart.chart.useQuery(report, {
     keepPreviousData: true,
     staleTime: 1000 * 60 * 1,
+    enabled: !isLazyLoading,
   });
 
   if (

apps/dashboard/src/components/report-chart/bar/index.tsx

@@ -12,6 +12,7 @@ export function ReportBarChart() {
   const res = api.chart.chart.useQuery(report, {
     keepPreviousData: true,
     staleTime: 1000 * 60 * 1,
+    enabled: !isLazyLoading,
   });
 
   if (

apps/dashboard/src/components/report-chart/funnel/index.tsx

@@ -31,6 +31,7 @@ export function ReportFunnelChart() {
   };
   const res = api.chart.funnel.useQuery(input, {
     keepPreviousData: true,
+    enabled: !isLazyLoading,
   });
 
   if (isLazyLoading || res.isLoading) {

apps/dashboard/src/components/report-chart/histogram/index.tsx

@@ -13,6 +13,7 @@ export function ReportHistogramChart() {
   const res = api.chart.chart.useQuery(report, {
     keepPreviousData: true,
     staleTime: 1000 * 60 * 1,
+    enabled: !isLazyLoading,
   });
 
   if (

apps/dashboard/src/components/report-chart/line/index.tsx

@@ -14,6 +14,7 @@ export function ReportLineChart() {
   const res = api.chart.chart.useQuery(report, {
     keepPreviousData: true,
     staleTime: 1000 * 60 * 1,
+    enabled: !isLazyLoading,
   });
 
   if (

apps/dashboard/src/components/report-chart/map/index.tsx

@@ -13,6 +13,7 @@ export function ReportMapChart() {
   const res = api.chart.chart.useQuery(report, {
     keepPreviousData: true,
     staleTime: 1000 * 60 * 1,
+    enabled: !isLazyLoading,
   });
 
   if (

apps/dashboard/src/components/report-chart/metric/index.tsx

@@ -9,6 +9,7 @@ export function ReportMetricChart() {
   const res = api.chart.chart.useQuery(report, {
     keepPreviousData: true,
     staleTime: 1000 * 60 * 1,
+    enabled: !isLazyLoading,
   });
 
   if (

apps/dashboard/src/components/report-chart/pie/index.tsx

@@ -13,6 +13,7 @@ export function ReportPieChart() {
   const res = api.chart.chart.useQuery(report, {
     keepPreviousData: true,
     staleTime: 1000 * 60 * 1,
+    enabled: !isLazyLoading,
   });
 
   if (

apps/dashboard/src/components/report-chart/retention/index.tsx

@@ -25,7 +25,8 @@ export function ReportRetentionChart() {
   } = useReportChartContext();
   const firstEvent = (events[0]?.filters[0]?.value ?? []).map(String);
   const secondEvent = (events[1]?.filters[0]?.value ?? []).map(String);
-  const isEnabled = firstEvent.length > 0 && secondEvent.length > 0;
+  const isEnabled =
+    firstEvent.length > 0 && secondEvent.length > 0 && !isLazyLoading;
   const res = api.chart.cohort.useQuery(
     {
       firstEvent,
@@ -38,6 +39,8 @@ export function ReportRetentionChart() {
       interval,
     },
     {
+      keepPreviousData: true,
+      staleTime: 1000 * 60 * 1,
       enabled: isEnabled,
     },
   );