From 1d581464e6fef7feb8842c04bf5099c957931a44 Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Sat, 10 Aug 2024 13:33:55 +0530
Subject: [PATCH] Filter out any undefined agents when rendering the home page

---
 src/interface/web/app/page.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/interface/web/app/page.tsx b/src/interface/web/app/page.tsx
index 29270be6..50dae597 100644
--- a/src/interface/web/app/page.tsx
+++ b/src/interface/web/app/page.tsx
@@ -111,18 +111,20 @@ function ChatBodyData(props: ChatBodyDataProps) {
         setAgents(agents);
 
         //generate colored icons for the selected agents
-        const agentIcons = agents.map(
-            (agent) =>
-                getIconFromIconName(agent.icon, agent.color) || (
-                    <Image
-                        key={agent.name}
-                        src={agent.avatar}
-                        alt={agent.name}
-                        width={50}
-                        height={50}
-                    />
-                ),
-        );
+        const agentIcons = agents
+            .filter((agent) => agent !== null && agent !== undefined)
+            .map(
+                (agent) =>
+                    getIconFromIconName(agent.icon, agent.color) || (
+                        <Image
+                            key={agent.name}
+                            src={agent.avatar}
+                            alt={agent.name}
+                            width={50}
+                            height={50}
+                        />
+                    ),
+            );
         setAgentIcons(agentIcons);
     }, [agentsData, props.isMobileWidth]);