fixing landing page layout on server render

Summary: On the first render the landing page was missing a CSS class. This ls probably related to https://github.com/gatsbyjs/gatsby/issues/5136 It is fixed by wrapping the page in a <div> Reviewed By: priteshrnandgaonkar Differential Revision: D8660801 fbshipit-source-id: dd1ac4145831f2556e2c7ceeaddb2a423447f833
2018-07-03 10:05:28 -07:00
parent f4d29e6f11
commit 7c4319181b
4 changed files with 16 additions and 8 deletions
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -183,12 +183,14 @@ const AboutSectionTwo = () => (
 );

 export default () => (
-  <Page className="landing-page" title="A cross-platform layout engine">
-    <HeroSection />
-    <PlaygroundSection />
-    <AboutSectionOne />
-    <hr />
-    <AboutSectionTwo />
-    <Footer />
-  </Page>
+  <div>
+    <Page className="landing-page" title="A cross-platform layout engine">
+      <HeroSection />
+      <PlaygroundSection />
+      <AboutSectionOne />
+      <hr />
+      <AboutSectionTwo />
+      <Footer />
+    </Page>
+  </div>
 );