react redux hash based routing
<p>I have a router like:</p>

<pre><code>&lt;Router history={browserHistory}&gt;
        &lt;Route path="/" component={App}&gt;
        &lt;IndexRoute component={Login} /&gt;
        &lt;Route path="/#!login" component={Login} /&gt;
        &lt;Route path="/#!first" component={First} /&gt;
        &lt;Route path="/#!second" component={Second} /&gt;
        &lt;/Route&gt;
  &lt;/Router&gt;
</code></pre>

<p>and I have a header component like :</p>

<pre><code>class Header extends Component {
  render() {
    return (
      &lt;div&gt;
        &lt;h3&gt;&lt;Link to="/#!first"&gt;First&lt;/Link&gt;&lt;/h3&gt;
        &lt;h3&gt;&lt;Link to="/#!second"&gt;Second&lt;/Link&gt;&lt;/h3&gt;
      &lt;/div&gt;
    )
  }
}

export default Header
</code></pre>

<p>Now when I click <code>First</code> in my headers it does not redirect me to that link.. </p>

<p>How can I implement hash based routing in react and redux</p>