Add loop ids

centrifuge · Oct 23, 2023 · 1ebce79 · onnovisser · Oct 24, 2023 · 1ebce79
1 parent 176bbd0
commit 1ebce79
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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>