fix: possible duplicate keys

lifinance · Mar 24, 2023 · 6d294ed · 6d294ed
1 parent fb75407
commit 6d294ed
Showing 1 changed file with 4 additions and 10 deletions.
diff --git a/packages/widget/src/components/SwapRouteCard/SwapRouteCardEssentials.tsx b/packages/widget/src/components/SwapRouteCard/SwapRouteCardEssentials.tsx
@@ -26,11 +26,8 @@ export const SwapRouteCardEssentials: React.FC<
         title={
           <Box component="span">
             {t(`tooltip.estimatedNetworkFee`)}
-            {gasCosts.map((gas) => (
-              <Typography
-                fontSize={11}
-                key={`${gas.token.address}${gas.token.symbol}`}
-              >
+            {gasCosts.map((gas, index) => (
+              <Typography fontSize={11} key={`${gas.token.address}${index}`}>
                 {gas.amount?.toFixed(9)} {gas.token.symbol} (
                 {t(`format.currency`, { value: gas.amountUSD })})
               </Typography>
@@ -59,11 +56,8 @@ export const SwapRouteCardEssentials: React.FC<
         title={
           <Box component="span">
             {t(`tooltip.additionalProviderFee`)}
-            {feeCosts.map((fee) => (
-              <Typography
-                fontSize={11}
-                key={`${fee.token.address}${fee.token.symbol}`}
-              >
+            {feeCosts.map((fee, index) => (
+              <Typography fontSize={11} key={`${fee.token.address}${index}`}>
                 {fee.amount?.toFixed(9)} {fee.token.symbol} (
                 {t(`format.currency`, { value: fee.amountUSD })})
               </Typography>