[hmr] async infinite loading

[zhihengGet]

Describe the bug

after i saved file with an {@html await tranform(state) } , it started calling transform lots of times due to HMR

Reproduction

https://stackblitz.com/edit/vitejs-vite-xskydbn2?file=src%2Flib%2FCounter.svelte

Logs

System Info

5.36.15

Severity

annoyance

[Akashshelke07]

Hi! @zhihengGet @dummdidumm 👋 Could you please assign this issue to me? I'd love to take a look and try to resolve it. From what I can see, it seems like the HMR is triggering re-renders due to the {@html await transform(state)} pattern, likely because the transform function isn't memoized or is being treated as dynamic on every hot update.

Is this considered a relatively simple fix, or are there known caveats I should be aware of before diving in?

Thanks! 😊

[Fahad-1515]

{await increment()} causes infinite calls with HMR.
{await increment()} Is called on every re-render.
The component renders → calls increment() → triggers Date.now() (which changes on every call).
That causes a state change (even if count didn’t change), triggering another re-render.
HMR hot-reloads the component and the cycle continues → infinite loop.