fix: memo issue on tables

This commit is contained in:
Carl-Gerhard Lindesvärd
2026-02-05 21:57:58 +00:00
parent c4d76d0a57
commit 063e80a659
3 changed files with 5 additions and 4 deletions

View File

@@ -65,7 +65,6 @@ const VirtualRow = memo(
}: VirtualRowProps) {
return (
<div
key={virtualRow.key}
data-index={virtualRow.index}
ref={virtualRow.measureElement}
className="absolute top-0 left-0 w-full border-b hover:bg-muted/50 transition-colors group/row"
@@ -198,7 +197,7 @@ const VirtualizedEventsTable = ({
return (
<VirtualRow
key={virtualRow.key}
key={row.id}
row={row}
virtualRow={{
...virtualRow,
@@ -249,6 +248,7 @@ export const EventsTable = ({ query }: Props) => {
},
onColumnVisibilityChange: setColumnVisibility,
onColumnOrderChange: setColumnOrder,
getRowId: (row, index) => row.id ?? `loading-${index}`,
});
const inViewportRef = useRef<HTMLDivElement>(null);

View File

@@ -66,6 +66,7 @@ export const ProfilesTable = memo(
: updaterOrValue;
setPage(nextPagination.pageIndex + 1);
},
getRowId: (row, index) => row.id ?? `loading-${index}`,
});
return (

View File

@@ -95,7 +95,6 @@ const VirtualRow = memo(
}: VirtualRowProps) {
return (
<div
key={virtualRow.key}
data-index={virtualRow.index}
ref={virtualRow.measureElement}
className="absolute top-0 left-0 w-full border-b hover:bg-muted/50 transition-colors group/row"
@@ -225,7 +224,7 @@ const VirtualizedSessionsTable = ({
return (
<VirtualRow
key={virtualRow.key}
key={row.id}
row={row}
virtualRow={{
...virtualRow,
@@ -275,6 +274,7 @@ export const SessionsTable = ({ query }: Props) => {
columnVisibility,
},
onColumnVisibilityChange: setColumnVisibility,
getRowId: (row, index) => row.id ?? `loading-${index}`,
});
const inViewportRef = useRef<HTMLDivElement>(null);