[FEATURE] Added hydrate support for advanced Rendertron Setup

related pull request: GoogleChrome/rendertron#654
magento · Mar 28, 2021 · 6ad0906 · 6ad0906
1 parent 9d5e9e9
commit 6ad0906
Showing 1 changed file with 20 additions and 8 deletions.
diff --git a/packages/venia-concept/src/index.js b/packages/venia-concept/src/index.js
@@ -112,14 +112,26 @@ const apolloLink = ApolloLink.from([
     Adapter.apolloLink(apiBase)
 ]);
 
-ReactDOM.render(
-    <Adapter apiBase={apiBase} apollo={{ link: apolloLink }} store={store}>
-        <AppContextProvider>
-            <App />
-        </AppContextProvider>
-    </Adapter>,
-    document.getElementById('root')
-);
+const rootElement = document.getElementById("root");
+if (rootElement.hasChildNodes()) {
+    ReactDOM.hydrate(
+        <Adapter apiBase={apiBase} apollo={{link: apolloLink}} store={store}>
+            <AppContextProvider>
+                <App/>
+            </AppContextProvider>
+        </Adapter>,
+        rootElement
+    );
+} else {
+    ReactDOM.render(
+        <Adapter apiBase={apiBase} apollo={{link: apolloLink}} store={store}>
+            <AppContextProvider>
+                <App/>
+            </AppContextProvider>
+        </Adapter>,
+        rootElement
+    );
+}
 
 registerSW();