fix(runtime-core): Fix client side suspense hydration masmatch in pro…

…per way
vuejs · Oct 27, 2023 · 75569ef · 75569ef
1 parent 2c5447b
commit 75569ef
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/runtime-core/src/renderer.ts b/packages/runtime-core/src/renderer.ts
@@ -1235,6 +1235,7 @@ function baseCreateRenderer(
       if (!initialVNode.el) {
         const placeholder = (instance.subTree = createVNode(Comment))
         processCommentNode(null, placeholder, container!, anchor)
+        initialVNode.el = placeholder.el
       }
       return
     }
@@ -1446,8 +1447,9 @@ function baseCreateRenderer(
           ): ComponentInternalInstance | null => {
             if (instance.subTree.shapeFlag & ShapeFlags.COMPONENT) {
               if (
-                // this happens during hydration or updating a component that resolve to a unresolved async component
-                instance.subTree.component?.asyncDep != null &&
+                // this happens only during hydration
+                instance.subTree.component?.subTree == null &&
+                // we don't know the subTree yet because we haven't resolve it
                 instance.subTree.component?.asyncResolved === false
               ) {
                 return instance.subTree.component!