[FEATURE] Added hydrate support for advanced Rendertron Setup

related pull request: GoogleChrome/rendertron#654
magento · Apr 9, 2021 · 29d31d4 · 29d31d4
1 parent 9d5e9e9
commit 29d31d4
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/venia-concept/src/index.js b/packages/venia-concept/src/index.js
@@ -112,13 +112,15 @@ const apolloLink = ApolloLink.from([
     Adapter.apolloLink(apiBase)
 ]);
 
-ReactDOM.render(
+const rootElement = document.getElementById('root');
+const renderMethod = rootElement.hasChildNodes() ? 'render' : 'hydrate';
+ReactDOM[renderMethod](
     <Adapter apiBase={apiBase} apollo={{ link: apolloLink }} store={store}>
         <AppContextProvider>
             <App />
         </AppContextProvider>
     </Adapter>,
-    document.getElementById('root')
+    rootElement
 );
 
 registerSW();