Svelte: Infinite loop with {#async}

[arggh]

Describe the bug

{#async} block causes an infinite loop, like so:

1. Call a function func in {#await func()}
2. Inside function func, assign to a variable outside of the function's scope
3. Use that variable inside the {:then} block
4. func() will now be called in an infinite loop.

To Reproduce

1. Go to: https://svelte.dev/repl/1db5d06a6a214abda7373c1fc18f376a?version=3.6.7
2. Open your console.

Expected behavior

• Async function to be called once

Severity
Well our users don't like their browsers in infinite loops.

[kylecordes]

It would be great to have some kind of counter running behind the scenes, in development mode. Some way of detecting that "hey were probably in an infinite loop" and then stop with an error that gives a clue where.

Over in Angular world there is something along these lines. It produces the error "expression changed after it has been checked". It is very helpful for noticing certain kinds of problematic code early in development.

[ms747]

<Options options={res.options}/>

This solves your issue

[arggh]

This solves your issue

@ms747 Yes, but it doesn't remove the bug in Svelte.

[ms747]

@arggh My bad, Yes there is a bug.

[Conduitry]

This appears to have been fixed in 3.9.1