From 6db63349f8ed25e6143934b404df91dc82f728c8 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 24 Jul 2024 12:09:30 +1000
Subject: [PATCH] fix(ui): missing key on list element

---
 .../gallery/components/Boards/BoardsList/BoardsList.tsx     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
index 93c148ee22..46d77358b3 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
@@ -42,11 +42,11 @@ export const BoardsList = ({ isPrivate }: { isPrivate?: boolean }) => {
   const boardElements = useMemo(() => {
     const elements = [];
     if (allowPrivateBoards && isPrivate && !boardSearchText.length) {
-      elements.push(<NoBoardBoard isSelected={selectedBoardId === 'none'} />);
+      elements.push(<NoBoardBoard key="none" isSelected={selectedBoardId === 'none'} />);
     }
 
     if (!allowPrivateBoards && !boardSearchText.length) {
-      elements.push(<NoBoardBoard isSelected={selectedBoardId === 'none'} />);
+      elements.push(<NoBoardBoard key="none" isSelected={selectedBoardId === 'none'} />);
     }
 
     filteredBoards.forEach((board) => {
@@ -105,7 +105,7 @@ export const BoardsList = ({ isPrivate }: { isPrivate?: boolean }) => {
         <Collapse in={isOpen}>
           <Flex direction="column" gap={1}>
             {boardElements.length ? (
-              <>{boardElements}</>
+              boardElements
             ) : (
               <Text variant="subtext" textAlign="center">
                 {t('boards.noBoards', { boardType: boardSearchText.length ? 'Matching' : '' })}