Hydrate when the page was server rendered (#29016) (#29053)

(cherry picked from commit bf6f264) Co-authored-by: Kyle Mathews <[email protected]>
gatsbyjs · Jan 16, 2021 · 47324d0 · 47324d0
1 parent bd5c63c
commit 47324d0
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/gatsby/cache-dir/app.js b/packages/gatsby/cache-dir/app.js
@@ -119,9 +119,11 @@ apiRunnerAsync(`onClientEntry`).then(() => {
   const renderer = apiRunner(
     `replaceHydrateFunction`,
     undefined,
-    // TODO replace with hydrate once dev SSR is ready
-    // but only for SSRed pages.
-    ReactDOM.render
+    // Client only pages have any empty body so we just do a normal
+    // render to avoid React complaining about hydration mis-matches.
+    document.getElementById(`___gatsby`).children.length === 0
+      ? ReactDOM.render
+      : ReactDOM.hydrate
   )[0]
 
   let dismissLoadingIndicator