From b0d667b18d0e297de3292ad1c2c6c14aa5990985 Mon Sep 17 00:00:00 2001
From: Erik Taubeneck <erik.taubeneck@gmail.com>
Date: Thu, 18 Jul 2024 23:08:34 -0700
Subject: [PATCH] fix elements needing key warning

---
 server/app/query/page.tsx           | 8 ++++++--
 server/app/query/view/[id]/page.tsx | 4 ++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/server/app/query/page.tsx b/server/app/query/page.tsx
index 1a6b558..a2e8668 100644
--- a/server/app/query/page.tsx
+++ b/server/app/query/page.tsx
@@ -130,7 +130,9 @@ export default function Page() {
                                 remoteServer.remoteServerName
                               ];
                             if (statusEvent === null) {
-                              return <></>;
+                              return (
+                                <div key={remoteServer.remoteServerName}></div>
+                              );
                             }
 
                             return (
@@ -159,7 +161,9 @@ export default function Page() {
                                 remoteServer.remoteServerName
                               ];
                             if (statusEvent === null) {
-                              return <></>;
+                              return (
+                                <div key={remoteServer.remoteServerName}></div>
+                              );
                             }
 
                             return (
diff --git a/server/app/query/view/[id]/page.tsx b/server/app/query/view/[id]/page.tsx
index 6a00410..024d8a3 100644
--- a/server/app/query/view/[id]/page.tsx
+++ b/server/app/query/view/[id]/page.tsx
@@ -220,7 +220,7 @@ export default function QueryPage({ params }: { params: { id: string } }) {
                   const statusEvent: StatusEvent | null =
                     statusEventByRemoteServer[remoteServer.remoteServerName];
                   if (statusEvent === null) {
-                    return <></>;
+                    return <div key={remoteServer.remoteServerName}></div>;
                   }
 
                   return (
@@ -269,7 +269,7 @@ export default function QueryPage({ params }: { params: { id: string } }) {
                   const statusEvent: StatusEvent | null =
                     statusEventByRemoteServer[remoteServer.remoteServerName];
                   if (statusEvent === null) {
-                    return <></>;
+                    return <div key={remoteServer.remoteServerName}></div>;
                   }
 
                   return (