diff --git a/www/js/metrics/SurveyComparisonCard.tsx b/www/js/metrics/SurveyComparisonCard.tsx
index fcbce61ff..9b1f31816 100644
--- a/www/js/metrics/SurveyComparisonCard.tsx
+++ b/www/js/metrics/SurveyComparisonCard.tsx
@@ -29,8 +29,8 @@ function getResponsePctForDays(days: DayOfMetricData<'response_count'>[]) {
 }
 
 type Props = {
-  userMetrics: MetricsData;
-  aggMetrics: MetricsData;
+  userMetrics: MetricsData | undefined;
+  aggMetrics: MetricsData | undefined;
 };
 
 export type SurveyComparison = {
diff --git a/www/js/metrics/SurveyTripCategoriesCard.tsx b/www/js/metrics/SurveyTripCategoriesCard.tsx
index 45e9f9286..7c6e6e464 100644
--- a/www/js/metrics/SurveyTripCategoriesCard.tsx
+++ b/www/js/metrics/SurveyTripCategoriesCard.tsx
@@ -28,8 +28,8 @@ type SurveyTripRecord = {
 };
 
 type Props = {
-  userMetrics: MetricsData;
-  aggMetrics: MetricsData;
+  userMetrics: MetricsData | undefined;
+  aggMetrics: MetricsData | undefined;
 };
 const SurveyTripCategoriesCard = ({ userMetrics, aggMetrics }: Props) => {
   const { colors } = useAppTheme();