From: Evan You <yyx990803@gmail.com>
Date: Tue, 12 Dec 2023 18:41:49 +0000 (+0800)
Subject: fix(hydration): should not warn mismatch for nullish prop
X-Git-Tag: v3.4.0-beta.1~3
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=33159a5916bf7686fe53517befa59b450b34e974;p=thirdparty%2Fvuejs%2Fcore.git

fix(hydration): should not warn mismatch for nullish prop
---

diff --git a/packages/runtime-core/__tests__/hydration.spec.ts b/packages/runtime-core/__tests__/hydration.spec.ts
index 0805d5e3f1..d051c6da4a 100644
--- a/packages/runtime-core/__tests__/hydration.spec.ts
+++ b/packages/runtime-core/__tests__/hydration.spec.ts
@@ -1397,6 +1397,7 @@ describe('SSR hydration', () => {
       mountWithHydration(`<div spellcheck></div>`, () =>
         h('div', { spellcheck: '' })
       )
+      mountWithHydration(`<div></div>`, () => h('div', { id: undefined }))
       // boolean
       mountWithHydration(`<select multiple></div>`, () =>
         h('select', { multiple: true })
diff --git a/packages/runtime-core/src/hydration.ts b/packages/runtime-core/src/hydration.ts
index c3fba6cc48..b873a37dc0 100644
--- a/packages/runtime-core/src/hydration.ts
+++ b/packages/runtime-core/src/hydration.ts
@@ -740,7 +740,9 @@ function propHasMismatch(el: Element, key: string, clientValue: any): boolean {
       ? includeBooleanAttr(clientValue)
         ? ''
         : false
-      : String(clientValue)
+      : clientValue == null
+        ? false
+        : String(clientValue)
     if (actual !== expected) {
       mismatchType = `attribute`
       mismatchKey = key