fix(hydration): do not warn against bindings array values

yangxiuxiu1115 · Jan 17, 2024 · 4593acc · 4593acc
1 parent 07922da
commit 4593acc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/packages/runtime-core/__tests__/hydration.spec.ts b/packages/runtime-core/__tests__/hydration.spec.ts
@@ -1531,5 +1531,12 @@ describe('SSR hydration', () => {
       mountWithHydration(`<button />`, () => h('button', { href: undefined }))
       expect(`Hydration attribute mismatch`).not.toHaveBeenWarned()
     })
+
+    test('should not warn against array values', () => {
+      mountWithHydration(`<options value="array" />`, () =>
+        h('options', { value: ['array'] }),
+      )
+      expect(`Hydration attribute mismatch`).not.toHaveBeenWarned()
+    })
   })
 })
diff --git a/packages/runtime-core/src/hydration.ts b/packages/runtime-core/src/hydration.ts
@@ -21,8 +21,8 @@ import {
   isBooleanAttr,
   isKnownHtmlAttr,
   isKnownSvgAttr,
-  isObject,
   isOn,
+  isPlainObject,
   isReservedProp,
   isString,
   normalizeClass,
@@ -768,12 +768,14 @@ function propHasMismatch(
         // #10000 some attrs such as textarea.value can't be retrieved by `hasAttribute`
         const serverValue = el[key as keyof typeof el]
         actual =
-          isObject(serverValue) || serverValue == null
+          isPlainObject(serverValue) || serverValue == null
             ? ''
             : String(serverValue)
       }
       expected =
-        isObject(clientValue) || clientValue == null ? '' : String(clientValue)
+        isPlainObject(clientValue) || clientValue == null
+          ? ''
+          : String(clientValue)
     }
     if (actual !== expected) {
       mismatchType = `attribute`