diff --git a/ui/litellm-dashboard/src/components/public_model_hub.test.tsx b/ui/litellm-dashboard/src/components/public_model_hub.test.tsx
index 8e874989e4b..9979fce5ebd 100644
--- a/ui/litellm-dashboard/src/components/public_model_hub.test.tsx
+++ b/ui/litellm-dashboard/src/components/public_model_hub.test.tsx
@@ -38,10 +38,10 @@ beforeAll(() => {
       matches: false,
       media: query,
       onchange: null,
-      addListener: () => { },
-      removeListener: () => { },
-      addEventListener: () => { },
-      removeEventListener: () => { },
+      addListener: () => {},
+      removeListener: () => {},
+      addEventListener: () => {},
+      removeEventListener: () => {},
       dispatchEvent: () => false,
     }),
   });
@@ -171,4 +171,18 @@ describe("PublicModelHub", () => {
       expect(unknownStatus).toBeInTheDocument();
     });
   });
+  it("handles non-array response gracefully (regression test for e.filter crash)", async () => {
+    const networkingModule = await import("./networking");
+    // Mock the API to return an object (like an error response) instead of an array
+    vi.mocked(networkingModule.modelHubPublicModelsCall).mockResolvedValue({
+      detail: "No models configured",
+    } as any);
+
+    render(<PublicModelHub />);
+
+    await waitFor(() => {
+      expect(screen.getByTestId("navbar")).toBeInTheDocument();
+      expect(screen.getByText("Model Hub")).toBeInTheDocument();
+    });
+  });
 });
diff --git a/ui/litellm-dashboard/src/components/public_model_hub.tsx b/ui/litellm-dashboard/src/components/public_model_hub.tsx
index e751f4d65b8..ef31a7a0952 100644
--- a/ui/litellm-dashboard/src/components/public_model_hub.tsx
+++ b/ui/litellm-dashboard/src/components/public_model_hub.tsx
@@ -250,7 +250,7 @@ const PublicModelHub: React.FC<PublicModelHubProps> = ({ accessToken, isEmbedded
   };
 
   const filteredData = useMemo(() => {
-    if (!modelHubData) return [];
+    if (!modelHubData || !Array.isArray(modelHubData)) return [];
 
     let searchResults = modelHubData;
 
@@ -324,7 +324,7 @@ const PublicModelHub: React.FC<PublicModelHubProps> = ({ accessToken, isEmbedded
   }, [modelHubData, searchTerm, selectedProviders, selectedModes, selectedFeatures]);
 
   const filteredAgentData = useMemo(() => {
-    if (!agentHubData) return [];
+    if (!agentHubData || !Array.isArray(agentHubData)) return [];
 
     let searchResults = agentHubData;
 
@@ -375,7 +375,7 @@ const PublicModelHub: React.FC<PublicModelHubProps> = ({ accessToken, isEmbedded
   }, [agentHubData, agentSearchTerm, selectedAgentSkills]);
 
   const filteredMcpData = useMemo(() => {
-    if (!mcpHubData) return [];
+    if (!mcpHubData || !Array.isArray(mcpHubData)) return [];
 
     let searchResults = mcpHubData;
 
@@ -696,18 +696,29 @@ const PublicModelHub: React.FC<PublicModelHubProps> = ({ accessToken, isEmbedded
       enableSorting: true,
       cell: ({ row }) => {
         const original = row.original;
-        const tagColor = original.health_status === "healthy" ? "green" : original.health_status === "unhealthy" ? "red" : "default";
-        const responseTimeLabel = original.health_response_time ? `Response Time: ${Number(original.health_response_time).toFixed(2)}ms` : "N/A";
-        const lastCheckedLabel = original.health_checked_at ? `Last Checked: ${new Date(original.health_checked_at).toLocaleString()}` : "N/A";
+        const tagColor =
+          original.health_status === "healthy" ? "green" : original.health_status === "unhealthy" ? "red" : "default";
+        const responseTimeLabel = original.health_response_time
+          ? `Response Time: ${Number(original.health_response_time).toFixed(2)}ms`
+          : "N/A";
+        const lastCheckedLabel = original.health_checked_at
+          ? `Last Checked: ${new Date(original.health_checked_at).toLocaleString()}`
+          : "N/A";
 
-        return <Tooltip title={<>
-          <div>
-            {responseTimeLabel}
-          </div>
-          <div>
-            {lastCheckedLabel}
-          </div>
-        </>}><Tag key={original.model_group} color={tagColor}><span className="capitalize">{original.health_status ?? "Unknown"}</span></Tag></Tooltip>;
+        return (
+          <Tooltip
+            title={
+              <>
+                <div>{responseTimeLabel}</div>
+                <div>{lastCheckedLabel}</div>
+              </>
+            }
+          >
+            <Tag key={original.model_group} color={tagColor}>
+              <span className="capitalize">{original.health_status ?? "Unknown"}</span>
+            </Tag>
+          </Tooltip>
+        );
       },
       size: 100,
     },
@@ -1090,6 +1101,7 @@ const PublicModelHub: React.FC<PublicModelHubProps> = ({ accessToken, isEmbedded
                       }}
                     >
                       {modelHubData &&
+                        Array.isArray(modelHubData) &&
                         getUniqueProviders(modelHubData).map((provider) => (
                           <Select.Option key={provider} value={provider}>
                             {provider}
@@ -1109,6 +1121,7 @@ const PublicModelHub: React.FC<PublicModelHubProps> = ({ accessToken, isEmbedded
                       allowClear
                     >
                       {modelHubData &&
+                        Array.isArray(modelHubData) &&
                         getUniqueModes(modelHubData).map((mode) => (
                           <Select.Option key={mode} value={mode}>
                             {mode}
@@ -1128,6 +1141,7 @@ const PublicModelHub: React.FC<PublicModelHubProps> = ({ accessToken, isEmbedded
                       allowClear
                     >
                       {modelHubData &&
+                        Array.isArray(modelHubData) &&
                         getUniqueFeatures(modelHubData).map((feature) => (
                           <Select.Option key={feature} value={feature}>
                             {feature}
@@ -1152,7 +1166,7 @@ const PublicModelHub: React.FC<PublicModelHubProps> = ({ accessToken, isEmbedded
               </TabPane>
 
               {/* Agents Tab */}
-              {agentHubData && agentHubData.length > 0 && (
+              {agentHubData && Array.isArray(agentHubData) && agentHubData.length > 0 && (
                 <TabPane tab="Agent Hub" key="agents">
                   <div className="flex justify-between items-center mb-8">
                     <Title className="text-2xl font-semibold text-gray-900">Available Agents</Title>
@@ -1190,6 +1204,7 @@ const PublicModelHub: React.FC<PublicModelHubProps> = ({ accessToken, isEmbedded
                         allowClear
                       >
                         {agentHubData &&
+                          Array.isArray(agentHubData) &&
                           getUniqueAgentSkills(agentHubData).map((skill) => (
                             <Select.Option key={skill} value={skill}>
                               {skill}
@@ -1215,7 +1230,7 @@ const PublicModelHub: React.FC<PublicModelHubProps> = ({ accessToken, isEmbedded
               )}
 
               {/* MCP Servers Tab */}
-              {mcpHubData && mcpHubData.length > 0 && (
+              {mcpHubData && Array.isArray(mcpHubData) && mcpHubData.length > 0 && (
                 <TabPane tab="MCP Hub" key="mcp">
                   <div className="flex justify-between items-center mb-8">
                     <Title className="text-2xl font-semibold text-gray-900">Available MCP Servers</Title>
@@ -1253,6 +1268,7 @@ const PublicModelHub: React.FC<PublicModelHubProps> = ({ accessToken, isEmbedded
                         allowClear
                       >
                         {mcpHubData &&
+                          Array.isArray(mcpHubData) &&
                           getUniqueMcpTransports(mcpHubData).map((transport) => (
                             <Select.Option key={transport} value={transport}>
                               {transport}