Additional expanded rows rendered in data table using virtual lists

[Riskun87]

TuSimple/naive-ui version (版本)

2.26.4

Vue version (Vue 版本)

3.2.31

Browser and its version (浏览器及其版本)

Chrome(99.0.4844.51)

System and its version (系统及其版本)

Windows 11

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/inspiring-feynman-hw9hqp

Reappearance steps (重现步骤)

Expand any row except of the first one and scroll down and up again.

Expected results (期望的结果)

Expanded row is rendered in correct position.

Actual results (实际的结果)

Expanded row not only rendered on the correct position, but also on the very first position of the virtual list (and stays there even when scrolling up and down). The more you scroll up and down the more duplicated rows are added until to the point you don't see anything else except of those rows. Seems only to work correctly when expanding the first row.

Also the console shows a warning as soon as a row gets expanded and you scroll a bit:
[Vue warn]: Duplicate keys found during update: 1 Make sure keys are unique.
at <Anonymous class="v-vl-visible-items" style= {transform: 'translateY(47.390625px)'} clsPrefix="n" ... >
at <ResizeObserver onResize=fn >
at <VirtualList ref="virtualListRef" items=

Remarks (补充说明)