Svelte 5: `{#each expression as name (key)}` behaves differently than Svelte 4 about svelte HOT 8 CLOSED

I tell a lie. HMR is a factor here, insofar as it's what accounts for the discrepancy between repros, but it's actually any effect inside an {#each ...} loop, not just the HMR effect. Remarkable that it wasn't surfaced sooner.

It was introduced in #11197 (demo), and is fixed in #11254.

from svelte.

I haven't figured out why, exactly, but this is related to HMR — if I disable it in the Vite config, things work as expected. That's why you can't reproduce it in the REPL

from svelte.

It doesn't happen in the production build, it probably has something to do with HMR

from svelte.

It doesn't happen in the production build, it probably has something to do with HMR

Yes, I can confirm this, which may explain why the issue is not reproduced in Svelte5-REPL.

from svelte.

Can you really use the value itself as a key? I've always thought it was not at all expected but it may be a relic from my Vue days since it isn't mentioned in the docs.

Anyway if you {#each array.entries() as [i, item] (i)} it starts working as expected.

from svelte.

Can you really use the value itself as a key? I've always thought it was not at all expected but it may be a relic from my Vue days since it isn't mentioned in the docs.

Yes you can
This has always been one of Svelte's differentiators.

The key can be any object, but strings and numbers are recommended since they allow identity to persist when the objects themselves change.

from svelte.

Yes you can

Yes although I have trouble seeing what's the under the hood difference in this case VS not using at all a key? Since the keys should also be modified along the values? Worth noting that both repros work as expected without key.

from svelte.

@gterras

Anyway if you {#each array.entries() as [i, item] (i)} it starts working as expected.

No, I tried that version and it produces the same effect.
Using the same value is just to simplify reproduction.

I can adapt this to a new reproduction of that syntax if you need it.

Here you go:
StackBlitz-svelte-5.0.0-next.108 (with k,v syntax)

from svelte.