From 1ebce79b3e1759f64c9462357becc5685936641c Mon Sep 17 00:00:00 2001
From: sophian <littlejohn.sophia@gmail.com>
Date: Mon, 23 Oct 2023 17:58:00 -0400
Subject: [PATCH] Add loop ids

---
 centrifuge-app/src/components/PoolList.tsx                  | 4 ++--
 centrifuge-app/src/components/Portfolio/AssetAllocation.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/centrifuge-app/src/components/PoolList.tsx b/centrifuge-app/src/components/PoolList.tsx
index 7fb37db57d..73e9dbb347 100644
--- a/centrifuge-app/src/components/PoolList.tsx
+++ b/centrifuge-app/src/components/PoolList.tsx
@@ -90,12 +90,12 @@ export function PoolList() {
               ? Array(6)
                   .fill(true)
                   .map((_, index) => (
-                    <Box as="li" key={index}>
+                    <Box as="li" key={`pool-list-loading-${index}`}>
                       <PoolCard isLoading={true} />
                     </Box>
                   ))
               : filteredPools.map((pool) => (
-                  <PoolCardBox as="li" key={pool.poolId} status={pool.status}>
+                  <PoolCardBox as="li" key={`pool-list-${pool.poolId}-${Math.random()}`} status={pool.status}>
                     <PoolCard {...pool} />
                   </PoolCardBox>
                 ))}
diff --git a/centrifuge-app/src/components/Portfolio/AssetAllocation.tsx b/centrifuge-app/src/components/Portfolio/AssetAllocation.tsx
index 69ec228512..f94d6e3b7e 100644
--- a/centrifuge-app/src/components/Portfolio/AssetAllocation.tsx
+++ b/centrifuge-app/src/components/Portfolio/AssetAllocation.tsx
@@ -57,7 +57,7 @@ export function AssetAllocation({ address }: { address: string }) {
         <AssetClassChart data={shares} currency="USD" total={total.toNumber()} />
         <Shelf as="ul" alignSelf="stretch" alignItems="stretch" flex={1} gap={6}>
           {shares.map((cell, i) => (
-            <>
+            <Box key={`asset-allocation-${cell.name}-${i}`}>
               {i > 0 && <Box width="1px" backgroundColor="borderSecondary" />}
               <LabelValueStack
                 label={
@@ -84,7 +84,7 @@ export function AssetAllocation({ address }: { address: string }) {
                 }
                 key={i}
               />
-            </>
+            </Box>
           ))}
         </Shelf>
       </Shelf>