From 6659941632de4f006e7b8406ed9a09d3e635edb3 Mon Sep 17 00:00:00 2001
From: josh <josh@thewrightserver.net>
Date: Fri, 24 Apr 2026 18:54:39 -0400
Subject: [PATCH] Fix Finance page crash from Tooltip formatter returning array

Recharts Tooltip formatter should return a string, not a
single-element array which React can't render as a child.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 apps/web/src/pages/FinancePage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/pages/FinancePage.tsx b/apps/web/src/pages/FinancePage.tsx
index 3fdf434..57a6dcc 100644
--- a/apps/web/src/pages/FinancePage.tsx
+++ b/apps/web/src/pages/FinancePage.tsx
@@ -73,7 +73,7 @@ export function FinancePage() {
                 <YAxis hide />
                 <Tooltip
                   contentStyle={{ backgroundColor: '#1e293b', border: '1px solid #334155', borderRadius: '8px' }}
-                  formatter={(v: number) => [formatMoney(v)]}
+                  formatter={(v: number) => formatMoney(v)}
                 />
                 <Area type="monotone" dataKey="money" stroke="#6366f1" fill="url(#cashGrad)" />
               </AreaChart>
@@ -94,7 +94,7 @@ export function FinancePage() {
                 <YAxis hide />
                 <Tooltip
                   contentStyle={{ backgroundColor: '#1e293b', border: '1px solid #334155', borderRadius: '8px' }}
-                  formatter={(v: number) => [formatMoney(v)]}
+                  formatter={(v: number) => formatMoney(v)}
                 />
                 <Line type="monotone" dataKey="revenue" stroke="#22c55e" dot={false} strokeWidth={2} />
                 <Line type="monotone" dataKey="expenses" stroke="#ef4444" dot={false} strokeWidth={2} />