diff --git a/frontend-modern/src/pages/Alerts.tsx b/frontend-modern/src/pages/Alerts.tsx index 0dc53d839..826ac81f3 100644 --- a/frontend-modern/src/pages/Alerts.tsx +++ b/frontend-modern/src/pages/Alerts.tsx @@ -732,7 +732,9 @@ function OverviewTab(props: { // Get alert stats from actual active alerts const alertStats = createMemo(() => { - const alerts = Object.values(props.activeAlerts); + // Access the store properly for reactivity + const alertIds = Object.keys(props.activeAlerts); + const alerts = alertIds.map(id => props.activeAlerts[id]); return { active: alerts.filter(a => !a.acknowledged).length, acknowledged: alerts.filter(a => a.acknowledged).length,