diff --git a/components/ForecastView.tsx b/components/ForecastView.tsx
index f7b5bcd..d99b248 100644
--- a/components/ForecastView.tsx
+++ b/components/ForecastView.tsx
@@ -12,10 +12,15 @@ import {
     LineChart, Line, Legend, ComposedChart, Area
 } from 'recharts';
 
-top50Mode: 'eu' | 'uk';
-vendorStockMap ?: Map<string, { eu: number; uk: number }>;
-vendorStockFilter: string[];
-onVendorStockFilterChange: (newFilters: string[]) => void;
+interface ForecastViewProps {
+    data: ProductForecastData[];
+    filters: FilterState;
+    onFilterChange: (newFilters: FilterState) => void;
+    stockMap: Map<string, number>;
+    top50Mode: 'eu' | 'uk';
+    vendorStockMap?: Map<string, { eu: number; uk: number }>;
+    vendorStockFilter: string[];
+    onVendorStockFilterChange: (newFilters: string[]) => void;
 }
 
 const MONTH_ORDER = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];