Getting inaccurate "duplicate form ID" warnings in Async Svelte

[gyenabubakar]

• Before posting an issue, read the FAQ and search the previous issues.

Description
There's only one form on my page with a set ID. In fact, only one form in the app. But when I make changes in the code, after hot reload, I get a warning that I have a duplicate form ID.

If applicable, a MRE

1. Clone https://github.com/gyenabubakar/superforms-infinite-id-warnings
2. Install dependencies.
3. pnpm run dev and open the app in the browser
4. In the editor, inside src/routes/+page.svelte, replace line 27 with:

const { form: formData, allErrors } = form;

5. Return to the browser and check your console. The warning should be visible, even though there's only 1 form in the project.

---

In the real app I was working on, this warning was infinite, which led to the app crashing. I was no able to reproduce the infinite warning though. I disabled the warning but that didn't make any difference—the app still hangs. If the 'duplicate ID' warning could be accurate, this may fix it?

[gyenabubakar]

Moving constant initialForm into a +page.ts file then using data.initialForm fixed this issue. In my reproduction, I was using async svelte's top-level await to create initialForm. Thus, I will update the title to reflect that this may be a bug related to Async Svelte, but feel free to close this issue.