fixed key prop warning in console

Alforoan · Jun 20, 2024 · 9446a3d · 9446a3d
1 parent 1cec325
commit 9446a3d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx
@@ -22,6 +22,7 @@ const Home: React.FC = () => {
 
   const { getUserBoards } = useGetUserBoards();
 
+
   useEffect(() => {
     // this is where we will fetch all user's boards from the database
     const fetchBoards = async () => {
@@ -141,8 +142,9 @@ const Home: React.FC = () => {
           ) : (
             <div className="text-center">
               <ul className="flex flex-row flex-wrap gap-4 justify-center">
-                {userBoards.map((board) => (
-                  <li key={board.boardId} className="cursor-pointer">
+                {userBoards.map((board, i) => (
+                  <li key={i}
+                   className="cursor-pointer">
                     <BoardPreview
                       handleSelectBoard={handleToggleBoardSelect}
                       board={board}