Follow up React 18

- ReactDOM.hydrate is no longer supported in React 18
greenpeace · Apr 24, 2023 · d803524 · d803524
1 parent 8d7fe53
commit d803524
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/assets/src/functions/hydrateBlock.js b/assets/src/functions/hydrateBlock.js
@@ -1,4 +1,4 @@
-import {hydrate} from 'react-dom';
+import {hydrateRoot as hydrate} from 'react-dom';
 
 /**
  * This function hydrate a SSR Component
@@ -13,7 +13,9 @@ export const hydrateBlock = (blockName, Component, csrAttributes = {}) => { // e
   blocks.forEach(
     blockNode => {
       const attributes = JSON.parse(blockNode.dataset.attributes);
-      hydrate(<Component {...attributes} {...csrAttributes} />, blockNode);
+      if(blockNode.length) {
+        hydrate(<Component {...attributes} {...csrAttributes} />, blockNode);
+      }
     }
   );
 };