fix hydrate element type error

MrWangJustToDo · Dec 14, 2023 · c08f64e · c08f64e
1 parent c37d531
commit c08f64e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/myreact-dom/src/client/api/create/getHydrateDom.ts b/packages/myreact-dom/src/client/api/create/getHydrateDom.ts
@@ -60,13 +60,13 @@ const checkHydrateDom = (fiber: MyReactFiberNode, dom?: ChildNode) => {
   if (include(fiber.type, NODE_TYPE.__plain__)) {
     if (dom.nodeType !== Node.ELEMENT_NODE) {
       if (enableHydrateWarn.current) {
-        log(fiber, "error", `hydrate error, dom not match from server. server: "<${dom.nodeName.toString()} />", client: "${getElementName(fiber)}"`);
+        log(fiber, "error", `hydrate error, dom not match from server. server: "<${dom.nodeName.toLowerCase()} />", client: "${getElementName(fiber)}"`);
       }
       return false;
     }
-    if (fiber.elementType.toString() !== dom.nodeName.toString()) {
+    if (fiber.elementType.toString().toLowerCase() !== dom.nodeName.toLowerCase()) {
       if (enableHydrateWarn.current) {
-        log(fiber, "error", `hydrate error, dom not match from server. server: "<${dom.nodeName.toString()} />", client: "${getElementName(fiber)}"`);
+        log(fiber, "error", `hydrate error, dom not match from server. server: "<${dom.nodeName.toLowerCase()} />", client: "${getElementName(fiber)}"`);
       }
       return false;
     }
@@ -75,7 +75,7 @@ const checkHydrateDom = (fiber: MyReactFiberNode, dom?: ChildNode) => {
   if (include(fiber.type, NODE_TYPE.__comment__)) {
     if (dom.nodeType !== Node.COMMENT_NODE) {
       if (enableHydrateWarn.current) {
-        log(fiber, "error", `hydrate error, dom not match from server. server: "<${dom.nodeName.toString()} />", client: "${getElementName(fiber)}"`);
+        log(fiber, "error", `hydrate error, dom not match from server. server: "<${dom.nodeName.toLowerCase()} />", client: "${getElementName(fiber)}"`);
       }
       return false;
     }