From a1b0bb556116b72fc55f52b9836de4ac30f8b479 Mon Sep 17 00:00:00 2001
From: jojopirker <j.pirker@gmail.com>
Date: Fri, 6 Jan 2023 16:50:25 +0100
Subject: [PATCH] moved key prop

---
 website/src/components/Messages/MessageWithChildren.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/website/src/components/Messages/MessageWithChildren.tsx b/website/src/components/Messages/MessageWithChildren.tsx
index 3b6f8649..70d6c318 100644
--- a/website/src/components/Messages/MessageWithChildren.tsx
+++ b/website/src/components/Messages/MessageWithChildren.tsx
@@ -60,13 +60,8 @@ export function MessageWithChildren(props: MessageWithChildrenProps) {
         renderRecursive ? (
           <HStack spacing={8} alignItems="start" justifyContent="center">
             {children.map((item, idx) => (
-              <Box flex="1">
-                <MessageWithChildren
-                  id={item.id}
-                  depth={depth ? depth + 1 : 1}
-                  maxDepth={maxDepth}
-                  key={`recursiveMessageWChildren_${idx}`}
-                />
+              <Box flex="1" key={`recursiveMessageWChildren_${idx}`}>
+                <MessageWithChildren id={item.id} depth={depth ? depth + 1 : 1} maxDepth={maxDepth} />
               </Box>
             ))}
           </HStack>