Fix Vega-Lite type issues

All-Hands-AI · Nov 28, 2024 · 92ee5c4 · 92ee5c4
1 parent 439c36d
commit 92ee5c4
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/ActivityChart.tsx b/src/components/ActivityChart.tsx
@@ -1,5 +1,6 @@
 import { useMemo } from 'react';
 import { VegaLite } from 'react-vega';
+import { VisualizationSpec } from 'vega-lite';
 import { BotActivity, ActivityType } from '../types';
 
 interface ActivityChartProps {
@@ -8,7 +9,7 @@ interface ActivityChartProps {
 }
 
 export function ActivityChart({ activities, type }: ActivityChartProps) {
-  const spec = useMemo(() => ({
+  const spec: VisualizationSpec = useMemo(() => ({
     $schema: 'https://vega.github.io/schema/vega-lite/v5.json',
     data: {
       values: activities
@@ -18,7 +19,7 @@ export function ActivityChart({ activities, type }: ActivityChartProps) {
           status: a.status,
         })),
     },
-    mark: { type: 'line' },
+    mark: 'line',
     encoding: {
       x: {
         field: 'date',