Q:

React router location only updated in some components

Whether using links or this.props.history.push(), URL in the address bar is updating correctly, as well as this.props.location in a component which is higher up the DOM tree (in this case, my App component). 
However, for some reason it is not updating this.props.location in my components which are further down the tree, which is causing my routes to fail.
Any guesses on what could be going wrong?
NOTE: I am using redux in this project, but I'm not changing the this.props.history using redux, at least for now. I don't think this should impact anything, but if it is , let me know
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 Authenticated component has an outdated this.props.location (/plans), whereas the App is correct (/posts). Both are wrapped in withRouter. Components further down the tree than Authenticated also have the wrong location.

A:

You are likely dealing with blocked updates. Luckily, it's not hard to solve:

If you are running into this issue while using a higher-order component like connect (from react-redux), you can just wrap that component in a withRouter to remove the blocked updates.
// before
const MyConnectedComponent = connect(mapStateToProps)(MyComponent)
// after
const MyConnectedComponent = withRouter(connect(mapStateToProps)(MyComponent))

