Improving Gatsby rendering solution

Now the form will be prerendered

src/components/App/index.js

@@ -146,7 +146,7 @@ class App extends React.PureComponent {
     };
 
     return <AppContext.Provider value={ context }>
-      { syntax && <Form /> }
+      <Form />
 
       <Loader />
 

src/components/Form/index.js

@@ -20,6 +20,15 @@ class Form extends React.PureComponent {
     syntax: this.context.syntax
   }
 
+  componentDidUpdate() {
+    if (this.state.expr === undefined && this.state.syntax === undefined) {
+      this.setState({
+        syntax: this.context.syntax,
+        expr: this.context.expr
+      });
+    }
+  }
+
   handleSubmit = event => {
     event.preventDefault();