title: React not routing to other than "/" route
body: <p>I am not able to render any component on any route other than "/".
  Here is my code for routes.js</p>
  
  <pre><code> import React from 'react'
  import ReactDOM from 'react-dom';
  import {
      BrowserRouter as Router,
      Route,
  } from 'react-router-dom'
  import StockTable from './containers/stockTableContainer';
  import StockDetail from './containers/stockDetailContainer';
  
  export const getRoutes = (store) =&gt; {
   return(
       &lt;Router&gt;
      &lt;div&gt;
          &lt;Route exact path ='/' component ={StockTable}/&gt;
          &lt;Route  path ='/details' component ={StockDetail}/&gt;
      &lt;/div&gt;
      &lt;/Router&gt;
      )
    }
  </code></pre>
  
  <p>I can render the StockDetail component on "/" route but i can't route it on "/details".</p>
  
  <p>I have also tried using  but still couldn't render "/details"</p>
  
  <p>full code at : <a href="https://github.com/shrutis18/stockApp" rel="nofollow noreferrer">https://github.com/shrutis18/stockApp</a></p>