Svelte 5 reactivity breaks using objects, when parent is not using runes mode about svelte HOT 3 CLOSED

The problem is that Svelte 5 puts out $$props.firstState['name'] = newValue for the binding, which is fine when both components are in runes mode, but not fine when the parent is not in runes mode.

Possible solution:

• these kinds of things need to use the same method as in legacy mode
• that method has knowledge whether or not the parent is in runes mode and if yes is a noop

from svelte.

REPL. The URL of the svelte 5 preview REPL stores the state, so to share you just copy the URL.

from svelte.

The problem is that Svelte 5 puts out $$props.firstState['name'] = newValue for the binding, which is fine when both components are in runes mode, but not fine when the parent is not in runes mode.

Possible solution:

• these kinds of things need to use the same method as in legacy mode
• that method has knowledge whether or not the parent is in runes mode and if yes is a noop

I'm not sure if the first point is possible, nor the second point. If you use a component in multiple places, one where its parent is runes and one where it is not, it will have unexpected outcomes.

I'm half wondering if we should allow parent components to be legacy components. A whole wrath of issues could be closed in a single swipe if we only allowed sub-trees to be legacy.

from svelte.