react-router transition to new page with different query string parameter
<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>