title: react-router: How do I update the url without causing a navigation/reload?
body: <p>With react router I have done this up update the url:</p>
  
  <pre><code>this.props.history.push({
              pathname: `/product/${this.props.product.id}`,
          });
  </code></pre>
  
  <p>However this causes a re-render/navigation change. Is there a way to update the url without doing that?</p>
  
  <p>My use case is I have a list of products and when I click on one I show a Modal and want to update the url to something like example.com/product/1 so that the link is sharable.</p>