From 1ba0bbdfc2396bbff7c67ef6c766a71f41584921 Mon Sep 17 00:00:00 2001
From: Yashvardhan Jagnani <60016972+jagnani73@users.noreply.github.com>
Date: Fri, 18 Oct 2024 03:14:51 +0530
Subject: [PATCH] Yj fix/console errors (#220)

---
 src/components/Atoms/Address/Address.tsx |  4 ++--
 src/components/Shared/TableList.tsx      | 10 ++++++++--
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/Atoms/Address/Address.tsx b/src/components/Atoms/Address/Address.tsx
index 3335b521..3bce84ac 100644
--- a/src/components/Atoms/Address/Address.tsx
+++ b/src/components/Atoms/Address/Address.tsx
@@ -14,7 +14,7 @@ export const Address: React.FC<AddressProps> = ({
     }
 
     return (
-        <p className="flex items-center gap-x-1">
+        <span className="flex items-center gap-x-1">
             {avatar && <AddressAvatar {...avatar} address={address} />}
 
             {actionableWrapper(
@@ -23,6 +23,6 @@ export const Address: React.FC<AddressProps> = ({
             )}
 
             <CopyData data={address} />
-        </p>
+        </span>
     );
 };
diff --git a/src/components/Shared/TableList.tsx b/src/components/Shared/TableList.tsx
index 332cddbc..14e089c7 100644
--- a/src/components/Shared/TableList.tsx
+++ b/src/components/Shared/TableList.tsx
@@ -17,7 +17,7 @@ import {
     flexRender,
     type Row,
 } from "@tanstack/react-table";
-import { useCallback, useState } from "react";
+import { Fragment, useCallback, useState } from "react";
 
 export const TableList: <T>(props: TableListProps<T>) => React.ReactNode = ({
     columns,
@@ -119,7 +119,13 @@ export const TableList: <T>(props: TableListProps<T>) => React.ReactNode = ({
                                 ) : (
                                     table
                                         .getRowModel()
-                                        .rows.map((row) => defaultRow(row))
+                                        .rows.map((row) => (
+                                            <Fragment
+                                                key={Math.random().toString()}
+                                            >
+                                                {defaultRow(row)}
+                                            </Fragment>
+                                        ))
                                 )
                             ) : (
                                 <TableRow>