helpers/handleRender.jsx

@@ -1,11 +1,12 @@
+import React from 'react';
 import { renderToString } from 'react-dom/server';
 import { createStore } from 'redux';
 import Reducer from '../react/reducers';
-import renderFullPage from './renderFullPage.js';
-
+import { Provider } from 'react-redux';
 import StaticRouter from 'react-router-dom/StaticRouter';
 import GAListener from '../react/components/GAListener';
 import App from '../react/app';
+import renderFullPage from './renderFullPage.js';
 
 module.exports = (req, res) => {
   let context = {};

helpers/renderFullPage.js

@@ -14,7 +14,7 @@ module.exports = (html, preloadedState) => {
             <script>
                 window.__PRELOADED_STATE__ = ${JSON.stringify(preloadedState).replace(/</g, '\\\u003c')}
             </script>
-            <script src="/static/bundle.js"></script>
+            <script src="/bundle/bundle.js"></script>
         </body>
     </html>
   `;

react/client.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render } from 'react-dom';
+import { hydrate } from 'react-dom';
 import { Provider } from 'react-redux';
 import { createStore, applyMiddleware, compose } from 'redux';
 import { BrowserRouter } from 'react-router-dom';
@@ -35,7 +35,7 @@ if (preloadedState) {
 sagaMiddleware.run(rootSaga);
 
 // render the app
-render(
+hydrate(
   <Provider store={store}>
     <BrowserRouter>
       <GAListener>

routes/page-routes.js

@@ -1,10 +1,10 @@
 const { site } = require('../config/speechConfig.js');
-// const handleRender = require('../helpers/handleRender.jsx');
+const handleRender = require('../helpers/handleRender.jsx');
 
 module.exports = (app) => {
   // route for the home page
   app.get('/', (req, res) => {
-    res.status(200).render('index');
+    handleRender(req, res);
   });
   // route to display login page
   app.get('/login', (req, res) => {