title: react-router transition to new page with different query string parameter
body: <p>I have the following code in a file that initializes my react router:</p>
  
  <pre><code>import { Router, Route, IndexRoute, useRouterHistory } from 'react-router'
  import { createHistory } from 'history'
  
  const browserHistory = useRouterHistory(createHistory)({basename:CONFIG.baseName})
  
  &lt;Router history={browserHistory}&gt;
  &lt;Route path={"/list/:propertyType"} component={Leasing} /&gt;
  &lt;Route path={"/list/:propertyType?city=:city"} component={Leasing} /&gt;
  &lt;/Router&gt;
  </code></pre>
  
  <p>On my webpage, I have some links like</p>
  
  <pre><code>import { Link } from 'react-router'
  ... some code
  &lt;Link to="/list/office" /&gt;
  &lt;Link to="/list/retail" /&gt;
  &lt;Link to="/list/retail?city=Washington" /&gt;
  </code></pre>
  
  <p>When I go from the page <code>/list/office</code> to <code>/list/retail</code>, my webpage will reload data.  But the problem is that the page will not reload data when I go from <code>/list/retail</code> to <code>/list/retail?city=Washington</code> .</p>
  
  <p>How do I make clicks on links that have the same url portion but different query string portion to cause the browser to render new content?</p>