From 9f1302ab853600dbb54c6e73c6b9e3972d591a8e Mon Sep 17 00:00:00 2001
From: Achintya Rajan <achintya.rajan03@gmail.com>
Date: Mon, 6 Oct 2025 16:48:11 -0700
Subject: [PATCH] Update model_dashboard.tsx

---
 .../src/components/templates/model_dashboard.tsx  | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/ui/litellm-dashboard/src/components/templates/model_dashboard.tsx b/ui/litellm-dashboard/src/components/templates/model_dashboard.tsx
index 005ccce66f77..524bd98af2ac 100644
--- a/ui/litellm-dashboard/src/components/templates/model_dashboard.tsx
+++ b/ui/litellm-dashboard/src/components/templates/model_dashboard.tsx
@@ -661,18 +661,15 @@ const ModelDashboard: React.FC<ModelDashboardProps> = ({
     if (accessToken && token && userRole && userID) {
       fetchData();
     }
+  }, [accessToken, token, userRole, userID, selectedTeam]);
 
-    const fetchModelMap = async () => {
+  useEffect(() => {
+    if (!accessToken || modelMap) return;
+    (async () => {
       const data = await modelCostMap(accessToken);
-      console.log(`received model cost map data: ${Object.keys(data)}`);
       setModelMap(data);
-    };
-    if (modelMap == null) {
-      fetchModelMap();
-    }
-
-    handleRefreshClick();
-  }, [accessToken, token, userRole, userID, modelMap, lastRefreshed, selectedTeam]);
+    })();
+  }, [accessToken, modelMap]);
 
   if (!modelData) {
     return <div>Loading...</div>;