title: React router location only updated in some components
body: <p>Whether using links or <code>this.props.history.push()</code>, URL in the address bar is updating correctly, as well as <code>this.props.location</code> in a component which is higher up the DOM tree (in this case, my <code>App</code> component). </p>
  
  <p>However, for some reason it is not updating <code>this.props.location</code> in my components which are further down the tree, which is causing my routes to fail.</p>
  
  <p>Any guesses on what could be going wrong?</p>
  
  <p>NOTE: I am using redux in this project, but I'm not changing the <code>this.props.history</code> using redux, at least for now. I don't think this should impact anything, but if it is , let me know</p>
  
  <p>edit: Here is the relevant portion of the DOM tree (with my email carefully scratched out) if it's helpful. As you can see, the <code>Authenticated</code> component has an outdated <code>this.props.location</code> (<code>/plans</code>), whereas the <code>App</code> is correct (<code>/posts</code>). Both are wrapped in withRouter. Components further down the tree than <code>Authenticated</code> also have the wrong location.</p>
  
  <p><a href="https://i.stack.imgur.com/wiGoB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wiGoB.jpg" alt=""></a></p>