On row deletion on idx = N, all the rows after N are unmounted/mounted

[yergom]

mantine-react-table version

v2.0.0-beta.6

react & react-dom versions

v18

Describe the bug and the steps to reproduce it

More than steps to reproduce it, I want to point at the src of the problem:

mantine-react-table/packages/mantine-react-table/src/components/body/MRT_TableBody.tsx

Line 192 in 3bfa3b0

const key = `${row.id}-${row.index}`;

Making the key dependent on the index causes a full re-render of all the rows after an insertion/deletion.

Minimal, Reproducible Example - (Optional, but Recommended)

not provided

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

None

Terms

• I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

[alessandrojcm]

Hi, thanks for this, any suggestions on how to fix it?