fix: asynchronously instantiate components when using Svelte 5 (#12613)

Adjusts the behavior to that of the new `mount`/`hydrate` APIs and also fixes #12248
sveltejs · Sep 6, 2024 · 873ec2b · 873ec2b
1 parent c584dc2
commit 873ec2b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/big-vans-destroy.md b/.changeset/big-vans-destroy.md
@@ -0,0 +1,5 @@
+---
+'@sveltejs/kit': patch
+---
+
+fix: asynchronously instantiate components when using Svelte 5
diff --git a/packages/kit/src/runtime/client/client.js b/packages/kit/src/runtime/client/client.js
@@ -434,7 +434,9 @@ function initialize(result, target, hydrate) {
  root = new app.root({
  target,
  props: { ...result.props, stores, components },
- hydrate
+ hydrate,
+ // @ts-ignore Svelte 5 specific: asynchronously instantiate the component, i.e. don't call flushSync
+ sync: false
  });
 
  restore_snapshot(current_navigation_index);