Yj fix/console errors (#220)

covalenthq · Oct 17, 2024 · 1ba0bbd · 1ba0bbd
1 parent d42e0fe
commit 1ba0bbd
Show file tree

Hide file tree

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