From abe2ecaafc826f7572b2df5a6494c8a89b80f18a Mon Sep 17 00:00:00 2001
From: sam-keen <samuel.kleinmann@gmail.com>
Date: Thu, 3 Mar 2022 17:20:55 +0000
Subject: [PATCH] Added key to a non-shorthand react fragment

---
 .../src/app/components/blocks/home/blocks-table.tsx        | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/explorer/src/app/components/blocks/home/blocks-table.tsx b/apps/explorer/src/app/components/blocks/home/blocks-table.tsx
index c421ffee0..a9cd3b333 100644
--- a/apps/explorer/src/app/components/blocks/home/blocks-table.tsx
+++ b/apps/explorer/src/app/components/blocks/home/blocks-table.tsx
@@ -1,3 +1,4 @@
+import React from 'react';
 import { TendermintBlockchainResponse } from '../../../routes/blocks/tendermint-blockchain-response';
 import { Link } from 'react-router-dom';
 import { SecondsAgo } from '../../seconds-ago';
@@ -16,9 +17,9 @@ export const BlocksTable = ({ data, showTransactions }: BlocksProps) => {
 
   return (
     <Table>
-      {data.result?.block_metas?.map((block) => {
+      {data.result?.block_metas?.map((block, index) => {
         return (
-          <>
+          <React.Fragment key={index}>
             <tr>
               <td>
                 <Link to={`/blocks/${block.header?.height}`}>
@@ -44,7 +45,7 @@ export const BlocksTable = ({ data, showTransactions }: BlocksProps) => {
                 <TxsPerBlock blockHeight={block.header?.height} />
               </tr>
             )}
-          </>
+          </React.Fragment>
         );
       })}
     </Table>