DataTable: persistent expandedRows with dataKey doesn't working properly

[reitowo]

Describe the bug

I use pinia to store the expanded state { '1': true }, but when the page refresh and the data got loaded later, it doesn't expand and need to reset the expanded value manually to make it work. See reproducer.

Reproducer

https://codesandbox.io/p/sandbox/practical-beaver-mlv9gy

PrimeVue version

3.46

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[mertsincan]

Hi @cnSchwarzer,

Unfortunately, your codesandbox link doesn't open. Could you please update it? Thanks a lot for your report!

Best Regards,

[reitowo]

Does the codesandbox service down? I cannot open any box currently.
Edit: Seems they are having some issue. https://status.codesandbox.io/
Please kindly check it again later. Thanks!

[mertsincan]

Of course, I'll check again before the next version is released. Thanks a lot fo your update ;)

[reitowo]

It can open now.

[mertsincan]

Hi @cnSchwarzer,

It opened. But, unfortunately, I couldn't replicate this issue. How can I replicate your case?

[reitowo]

Hi, @mertsincan

Click on row expand and refresh the page, you can see that the row is not expanded as expected

However, like in the commented code, if we set expanded key to {} and set to the stored value in nextTick, it works.

You can see localStorage that the expanded key is stored but the component doesn't expand it.

PS: The vite seems report a vnode event obsolete warning, I don't know what caused this. And if I use vue >= 3.4 it will fail to compile