From 32318aa63f180438357ac9be3e7c2d3d0e164bf6 Mon Sep 17 00:00:00 2001
From: jtricerolph <info@tricerolph.com>
Date: Thu, 23 Jul 2026 09:07:34 +0000
Subject: [PATCH] Fix TS errors: vite/client types + recharts Tooltip formatter
 signature

---
 frontend/src/pages/Monthly.tsx         | 2 +-
 frontend/src/pages/Rolling12Months.tsx | 2 +-
 frontend/src/pages/Rolling12Weeks.tsx  | 2 +-
 frontend/tsconfig.json                 | 3 ++-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/Monthly.tsx b/frontend/src/pages/Monthly.tsx
index a11e6c9..12d0d15 100644
--- a/frontend/src/pages/Monthly.tsx
+++ b/frontend/src/pages/Monthly.tsx
@@ -206,7 +206,7 @@ export default function Monthly() {
               <BarChart data={weeks} margin={{ top: 4, right: 16, left: 16, bottom: 0 }}>
                 <XAxis dataKey="label" tick={{ fontSize: 12 }} />
                 <YAxis tickFormatter={v => `£${Math.round(v / 1000)}k`} tick={{ fontSize: 11 }} width={55} />
-                <Tooltip formatter={(v: number) => fmtMoney(v)} />
+                <Tooltip formatter={(v: unknown) => fmtMoney(Number(v))} />
                 <Legend />
                 {deptSummary.map(dep => (
                   <Bar key={dep.department_id} dataKey={dep.department_name} stackId="a" fill={dep.color}>
diff --git a/frontend/src/pages/Rolling12Months.tsx b/frontend/src/pages/Rolling12Months.tsx
index a8a847c..7a4141e 100644
--- a/frontend/src/pages/Rolling12Months.tsx
+++ b/frontend/src/pages/Rolling12Months.tsx
@@ -136,7 +136,7 @@ export default function Rolling12Months() {
               <BarChart data={chartData} margin={{ top: 4, right: 16, left: 16, bottom: 0 }}>
                 <XAxis dataKey="label" tick={{ fontSize: 10 }} />
                 <YAxis tickFormatter={v => `£${Math.round(v / 1000)}k`} tick={{ fontSize: 11 }} width={55} />
-                <Tooltip formatter={(v: number) => fmtMoney(v)} />
+                <Tooltip formatter={(v: unknown) => fmtMoney(Number(v))} />
                 <Legend />
                 {deptCols.map(dep => (
                   <Bar key={dep.id} dataKey={dep.name} stackId="a" fill={dep.color} />
diff --git a/frontend/src/pages/Rolling12Weeks.tsx b/frontend/src/pages/Rolling12Weeks.tsx
index 2a547c8..eaf4b54 100644
--- a/frontend/src/pages/Rolling12Weeks.tsx
+++ b/frontend/src/pages/Rolling12Weeks.tsx
@@ -143,7 +143,7 @@ export default function Rolling12Weeks() {
               <BarChart data={chartData} margin={{ top: 4, right: 16, left: 16, bottom: 0 }}>
                 <XAxis dataKey="label" tick={{ fontSize: 10 }} />
                 <YAxis tickFormatter={v => `£${Math.round(v / 1000)}k`} tick={{ fontSize: 11 }} width={55} />
-                <Tooltip formatter={(v: number) => fmtMoney(v)} />
+                <Tooltip formatter={(v: unknown) => fmtMoney(Number(v))} />
                 <Legend />
                 {deptCols.map(dep => (
                   <Bar key={dep.id} dataKey={dep.name} stackId="a" fill={dep.color} />
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 79a2287..3da20d6 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -13,7 +13,8 @@
     "jsx": "react-jsx",
     "strict": true,
     "noUnusedLocals": false,
-    "noUnusedParameters": false
+    "noUnusedParameters": false,
+    "types": ["vite/client"]
   },
   "include": ["src"]
 }