title: React-Router is not display anything and also no error
body: <p>I am try to make inventory list app with react and redux , but I have a small problem with need some understanding about it .</p>
  
  <p>I know we have few way to create react components and try to get as much as possible all information , but still not sure why this issue is happen . </p>
  
  <p>I have app.js which is my all React-Router set there </p>
  
  <pre><code>console.log('The application has been start...');
  
  import React from 'react'
  import { render } from 'react-dom'
  import { IndexPage } from './modules/IndexPage'
  import { AddItemForm } from './modules/ui/AddItemForm'
  import { PageNotFound } from './modules/PageNotFound'
  import { Router, Route, hashHistory } from 'react-router'
  import routes from './routes'
  
  window.React = React
  
  render(
     &lt;Router history={hashHistory}&gt;
          &lt;Route path='/' component={IndexPage}/&gt;
          &lt;Route path='/add' component={AddItemForm}/&gt;
          &lt;Route path='*' component={PageNotFound}/&gt;
      &lt;/Router&gt;,
      document.getElementById('react-container')
  )
  </code></pre>
  
  <p>for IndexPage and PageNotFound the router display and render correctly , But for add , is display blank page with no error . </p>
  
  <pre><code>import { PropTypes } from 'react'
  
  const AddItemForm = ({ onNewItem=f=&gt;f, router}) =&gt; {
  //const AddItemForm = () =&gt; {
      let _itemName
  
      const submit = e =&gt; {
          e.preventDefault()
          onNewItem({
              itemName: _itemName.value,
              itemCount: 1
          })
  
          router.push('/')
          _itemName.value = ''
      }
  
      return (
          &lt;form onSubmit={submit} &gt;something
              &lt;label htmlFor="item-name"&gt; Name Item&lt;/label&gt;
              &lt;input id="item-name" type="text" ref={(input) =&gt; _itemName = input } /&gt;     
              &lt;button&gt;Add Item&lt;/button&gt;
          &lt;/form&gt;
      )
  }
  AddItemForm.propTypes = {
      onNewItem: PropTypes.func,
      router: PropTypes.object
  }
  
  export default AddItemForm
  </code></pre>
  
  <p>in order to make sure there is something wrong with React-Router or the components which I made I change the AddItemForm with below code </p>
  
  <pre><code> export const AddItemForm = () =&gt;
      &lt;div&gt;
          &lt;h1&gt;Oops ! - The page is working!&lt;/h1&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>which start working normally which shows something wrong with my components but I am not able to understand what is the main issue. Please give me hit or point where is the issue or what is the different ? </p>
  
  <p>Here is link of github for full source of application so far </p>
  
  <p><a href="https://github.com/mavaj/Inventory-List" rel="nofollow noreferrer">https://github.com/msc/Inventory-List</a></p>