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,10 +15,19 @@ 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
 
+    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()
@@ -35,6 +44,7 @@ export class ServerRenderer {
       }).catch(next)  
     }
   }
+}
 
 function renderFullPage (html, head, data, config) { 
   const initialData = [data, config]