[v2] Update redux example

examples/using-redux/gatsby-browser.js

@@ -4,7 +4,7 @@ import { Provider } from 'react-redux'
 
 import createStore from './src/state/createStore'
 
-exports.replaceRouterComponent = ({ history }) => {
+export const replaceRouterComponent = ({ history }) => {
     const store = createStore()
 
     const ConnectedRouterWrapper = ({ children }) => (

examples/using-redux/gatsby-ssr.js

@@ -4,8 +4,7 @@ import { renderToString } from 'react-dom/server'
 
 import createStore from './src/state/createStore'
 
-exports.replaceRenderer = ({ bodyComponent, replaceBodyHTMLString }) => {
-
+export const replaceRenderer = ({ bodyComponent, replaceBodyHTMLString }) => {
     const store = createStore()
 
     const ConnectedBody = () => (

examples/using-redux/package.json

@@ -5,7 +5,9 @@
   "version": "1.0.0",
   "author": "Scotty Eckenthal <scott.eckenthal@gmail.com>",
   "dependencies": {
-    "gatsby": "latest",
+    "gatsby": "next",
+    "react": "^16.4.0",
+    "react-dom": "^16.4.0",
     "react-redux": "5.0.5",
     "redux": "3.6.0"
   },
@@ -19,4 +21,4 @@
     "build": "gatsby build",
     "serve": "gatsby serve"
   }
-}
+}

examples/using-redux/src/layouts/index.js → examples/using-redux/src/components/layout.js

@@ -44,7 +44,7 @@ class DefaultLayout extends React.Component {
             <Link to="/c/">c</Link>
           </li>
         </ul>
-        {this.props.children()}
+        {this.props.children}
       </div>
     )
   }

examples/using-redux/src/pages/a.js

@@ -1,5 +1,10 @@
 import React from "react"
+import Layout from "../components/layout"
 
-const A = () => <p>A</p>
+const A = () => (
+  <Layout>
+    <p>A</p>
+  </Layout>
+)
 
 export default A

examples/using-redux/src/pages/b.js

@@ -1,5 +1,10 @@
 import React from "react"
+import Layout from "../components/layout"
 
-const B = () => <p>B</p>
+const B = () => (
+  <Layout>
+    <p>B</p>
+  </Layout>
+)
 
 export default B

examples/using-redux/src/pages/c.js

@@ -1,5 +1,10 @@
 import React from "react"
+import Layout from "../components/layout"
 
-const C = () => <p>C</p>
+const C = () => (
+  <Layout>
+    <p>C</p>
+  </Layout>
+)
 
 export default C

examples/using-redux/src/pages/index.js

@@ -1,5 +1,10 @@
 import React from "react"
+import Layout from "../components/layout"
 
-const Home = () => <p>Home</p>
+const Home = () => (
+  <Layout>
+    <p>Home</p>
+  </Layout>
+)
 
 export default Home