From 73c7820ac0bb31064fe4052795a7444d183b1052 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Sun, 17 May 2026 20:21:08 +1000
Subject: [PATCH] Fix for dashboard item logic (#11960)

- Render cached value
---
 .../widgets/QueryCountDashboardWidget.tsx         | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/frontend/src/components/dashboard/widgets/QueryCountDashboardWidget.tsx b/src/frontend/src/components/dashboard/widgets/QueryCountDashboardWidget.tsx
index c1b28f20d0..5e6b0afc0b 100644
--- a/src/frontend/src/components/dashboard/widgets/QueryCountDashboardWidget.tsx
+++ b/src/frontend/src/components/dashboard/widgets/QueryCountDashboardWidget.tsx
@@ -1,7 +1,7 @@
 import { ActionIcon, Anchor, Group, RollingNumber } from '@mantine/core';
 import { IconExclamationCircle } from '@tabler/icons-react';
 import { useQuery } from '@tanstack/react-query';
-import { type ReactNode, useCallback, useMemo, useState } from 'react';
+import { type ReactNode, useCallback, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import { StylishText } from '@lib/components/StylishText';
@@ -37,12 +37,10 @@ function QueryCountWidget({
 
   const modelProperties = ModelInformationDict[modelType];
 
-  const [count, setCount] = useState<number>(0);
-
   const query = useQuery({
     queryKey: ['dashboard-query-count', modelType, params, visibility],
     enabled: user.hasViewPermission(modelType) && visibility === 'visible',
-    refetchOnWindowFocus: false,
+    refetchOnWindowFocus: true,
     refetchOnMount: true,
     refetchInterval: 10 * 60 * 1000, // 10 minute refetch interval
     staleTime: 5 * 60 * 1000, // 5 minute stale time
@@ -59,8 +57,7 @@ function QueryCountWidget({
           }
         })
         .then((res) => {
-          setCount(res.data?.count ?? 0);
-          return res.data;
+          return res.data?.count ?? 0;
         });
     }
   });
@@ -95,9 +92,11 @@ function QueryCountWidget({
         </ActionIcon>
       );
     } else {
-      return <RollingNumber value={count} fz='20px' />;
+      return (
+        <RollingNumber value={query.isFetching ? 0 : query.data} fz='20px' />
+      );
     }
-  }, [query.isFetching, query.isError, count]);
+  }, [query.isFetching, query.isError, query.data]);
 
   return (
     <Anchor href='#' onClick={onFollowLink} underline='never'>