title: router changed but component does not rerender
body: <p>I'm using react-router v4 and redux. I have a react-router event like so</p>
  
  <pre><code>//src/App/components/common/Notifications
  onCommentClick = (id) =&gt; {
      this.props.history.push(`/dashboard/${id}`)
  }
  </code></pre>
  
  <p>It will change the browser url, my route is setup correctly I guess</p>
  
  <pre><code>//src/App/containers/dashboard/user/NotificationDetail
  renderUserRoute() {
      return (
        &lt;Switch&gt;
          &lt;Route exact path="/dashboard" component={UserAreaGuarded} /&gt;
          &lt;Route exact path="/dashboard/:id" component={NotificationDetail} /&gt;
        &lt;/Switch&gt;
      )
    }
  </code></pre>
  
  <p>but the problem is redux doesn't seem to rerender my container component, I need to refresh to get the right content.</p>
  
  <p>I created a repo just to demo this issue <a href="https://github.com/thian4/hoc-redux" rel="nofollow noreferrer">https://github.com/thian4/hoc-redux</a>, been stuck for so long for this, couldn't find any clue why it doesn't rerender.</p>