fix [object Object] 2

gatsby-browser.js

@@ -1,15 +1,41 @@
+// import React from 'react'
+// import {Provider} from 'react-redux'
+// import createStore from './src/createStore'
+//
+// const store = createStore()
+//
+// exports.wrapRootComponent = function wrapRootComponent({Root}) {
+//   return function wrapRootComponentComponent(props) {
+//     return (
+//       <Provider store={store}>
+//         <Root />
+//       </Provider>
+//     )
+//   }
+// }
+//
+//
+//
+//
+//
+//
+//
+//
+
 import React from 'react'
-import {Provider} from 'react-redux'
+import { BrowserRouter as Router } from 'react-router-dom'
+import { Provider } from 'react-redux'
+
 import createStore from './src/createStore'
 
-const store = createStore()
+exports.replaceRouterComponent = ({ history }) => {
+  const store = createStore()
+
+  const ConnectedRouterWrapper = ({ children }) => (
+    <Provider store={store}>
+      <Router history={history}>{children}</Router>
+    </Provider>
+  )
 
-exports.wrapRootComponent = function wrapRootComponent({Root}) {
-  return function wrapRootComponentComponent(props) {
-    return (
-      <Provider store={store}>
-        <Root />
-      </Provider>
-    )
-  }
+  return ConnectedRouterWrapper
 }

gatsby-node.js

@@ -84,6 +84,9 @@ exports.modifyWebpackConfig = function modifyWebpackConfig({config, stage}) {
         atob: function atob(str) {
           return new Buffer(str, 'base64').toString('binary');
         },
+        location: {
+          pathname: ''
+        }
       }
     })
   }

gatsby-ssr.js

@@ -1,5 +1,7 @@
 import React from 'react'
 import { Provider } from 'react-redux'
+import { renderToString } from "react-dom/server"
+
 
 import createStore from './src/createStore'
 
@@ -12,5 +14,5 @@ exports.replaceRenderer = ({ bodyComponent, replaceBodyHTMLString }) => {
       {bodyComponent}
     </Provider>
   )
-  replaceBodyHTMLString(<ConnectedBody/>)
+  replaceBodyHTMLString(renderToString(<ConnectedBody/>))
 }

src/templates/Tutorials.tsx

@@ -101,7 +101,7 @@ class Tutorials extends React.Component<Props, null> {
                         nextChapter={nextChapter}
                         n={n + 1}
                         showBonus={showBonus}
-                        path={location.pathname}
+                        path={this.props.location.pathname}
                       />}
               </div>
             </div>