Legend values should be numbers

matt-aitken · matt-aitken · commit 9b3f369458a7 · 2026-01-18T16:54:20.000Z
diff --git a/apps/webapp/app/components/primitives/charts/ChartLegendCompound.tsx b/apps/webapp/app/components/primitives/charts/ChartLegendCompound.tsx
@@ -78,7 +78,7 @@ export function ChartLegendCompound({
     // If we have activePayload data from hovering over a bar
     const hoverData = highlight.activePayload.reduce((acc, item) => {
       if (item.dataKey && item.value !== undefined) {
-        acc[item.dataKey] = item.value;
+        acc[item.dataKey] = Number(item.value) || 0;
       }
       return acc;
     }, {} as Record<string, number>);

Original file line number	Diff line number	Diff line change
`@@ -78,7 +78,7 @@ export function ChartLegendCompound({`
`78`	`78`	`// If we have activePayload data from hovering over a bar`
`79`	`79`	`const hoverData = highlight.activePayload.reduce((acc, item) => {`
`80`	`80`	`if (item.dataKey && item.value !== undefined) {`
`81`		`- acc[item.dataKey] = item.value;`
	`81`	`+ acc[item.dataKey] = Number(item.value) \|\| 0;`
`82`	`82`	`}`
`83`	`83`	`return acc;`
`84`	`84`	`}, {} as Record<string, number>);`