From f0c93b4b3c32a958de3b0f28ff292e81cab98c0a Mon Sep 17 00:00:00 2001
From: jdecroock <decroockjovi@gmail.com>
Date: Fri, 2 Sep 2022 11:58:28 +0200
Subject: [PATCH] align mount and patch component closer

---
 src/diff/mount.js | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/diff/mount.js b/src/diff/mount.js
index 4ce5712c67..10fca93fb8 100644
--- a/src/diff/mount.js
+++ b/src/diff/mount.js
@@ -50,7 +50,17 @@ export function mount(internal, newVNode, parentDom, startDom) {
 
 			let prevContext = rendererState._context;
 
-			nextDomSibling = mountComponent(internal, parentDom, startDom);
+			const renderResult = mountComponent(internal, startDom);
+			if (renderResult === startDom) {
+				nextDomSibling = startDom;
+			} else {
+				nextDomSibling = mountChildren(
+					internal,
+					renderResult,
+					parentDom,
+					startDom
+				);
+			}
 
 			if (internal._commitCallbacks.length) {
 				rendererState._commitQueue.push(internal);
@@ -294,7 +304,7 @@ export function mountChildren(internal, children, parentDom, startDom) {
  * @param {import('../internal').PreactNode} startDom the preceding node
  * @returns {import('../internal').PreactNode} the component's children
  */
-function mountComponent(internal, parentDom, startDom) {
+function mountComponent(internal, startDom) {
 	/** @type {import('../internal').Component} */
 	let c;
 	let type = /** @type {import('../internal').ComponentType} */ (internal.type);
@@ -406,5 +416,5 @@ function mountComponent(internal, parentDom, startDom) {
 		renderResult = [renderResult];
 	}
 
-	return mountChildren(internal, renderResult, parentDom, startDom);
+	return renderResult;
 }