Fix bug mixing props on 404

src/components/NotFoundPage.js

@@ -3,10 +3,10 @@ import { Navbar, Header } from '.'
 import '../stylesheets/globals.scss'
 import contentStyle from '../stylesheets/content.scss'
 
-export const NotFoundPage = () => {
+export const NotFoundPage = (props) => {
   return (
     <div>
-      <Navbar />
+      <Navbar config={props.config}/>
       <div className={contentStyle.contentWrapper}>
         <Header header={'Uhm... WHAT?'} />
         <div className={contentStyle.content}>

src/components/NotFoundWrapper.js

@@ -1,12 +1,34 @@
 import React, { Component } from 'react'
 import { Wrapper, NotFoundPage } from '.'
+import PropTypes from 'prop-types'
 import '../stylesheets/globals.scss'
 
 export default class NotFoundWrapper extends Component {
+  static propTypes = {
+    config: PropTypes.object.isRequired
+  }
+
+  constructor (props) {
+    super(props)
+
+    let data
+
+    if (__isBrowser__) {
+      data = window.__INITIAL_DATA__
+      delete window.__INITIAL_DATA__
+    } else {
+      data = props.staticContext.context
+    }
+
+    this.state = {
+      config: data[1]
+    }    
+  }
+
   render () {
     return (
       <Wrapper>
-        <NotFoundPage />
+        <NotFoundPage config={this.state.config}/>
       </Wrapper>
     )
   }

src/containers/MainContainer.js

@@ -14,11 +14,9 @@ export default class MainContainer extends Component {
     // eslint-disable-next-line no-undef
     if (__isBrowser__) {
       data = window.__INITIAL_DATA__
-      console.log("window:", data)            
       delete window.__INITIAL_DATA__
     } else {
       data = props.staticContext.context
-      console.log("StaticContext:", data)      
     }
     
     this.state = {

src/containers/PostContainer.js

@@ -14,11 +14,9 @@ export default class PostContainer extends Component {
     // eslint-disable-next-line no-undef
     if (__isBrowser__) {
       data = window.__INITIAL_DATA__
-      console.log("window:", data)            
       delete window.__INITIAL_DATA__
     } else {
       data = props.staticContext.context
-      console.log("StaticContext:", data)      
     }
 
     this.state = {

src/utils/serverRender.js

@@ -15,24 +15,34 @@ export class ServerRenderer {
 
   render (req, res, next) {
 
-    const activeRoute = routes.find((route) => matchPath(req.url, route)) || {}
+    const activeRoute = routes.find((route) => matchPath(req.url, route)) || false
     const head = this.head  
     const config = this.config
 
-    const promise = activeRoute.getData
-      ? activeRoute.getData(req.path)
-      : Promise.resolve()
-  
-    promise.then((data) => {
-      const context = [data, config]     
+    if (!activeRoute) {
+      const context = [{}, config]
       const markup = renderToString(
         <Router location={req.url} context={{ context }}>
           <App/>
         </Router>
       )
+      res.status(404).send(renderFullPage(markup, head, {}, config))
+    } else {
+      const promise = activeRoute.getData
+        ? activeRoute.getData(req.path)
+        : Promise.resolve()
     
-      res.status(200).send(renderFullPage(markup, head, data, config))
-    }).catch(next)  
+      promise.then((data) => {
+        const context = [data, config]     
+        const markup = renderToString(
+          <Router location={req.url} context={{ context }}>
+            <App/>
+          </Router>
+        )
+    
+        res.status(200).send(renderFullPage(markup, head, data, config))
+      }).catch(next)  
+    }
   }
 }