title: <Link> (react-router-dom) does not refresh the page if it is on the same page
body: <p>I'm creating a Search Component.
  This is the way that I'm showing results</p>
  <pre><code>  {(search !== '' &amp;&amp; filteredProducts) ? 
      (filteredProducts.map((item) =&gt; (
        &lt;div key={item.id}&gt; 
          &lt;Link
            to={`/product/${item.id}`}
            onClick={
              () =&gt; {
                handleSearchSubmit()                      
              }
            }
          &gt;
            {item.title}
          &lt;/Link&gt;
        &lt;/div&gt;
      )))
    : &quot;&quot;}
  </code></pre>
  <p>This works fine, except If I'm already in a product detail page (<code>/product/${item.id}</code>)
  And on click on <code>&lt;Link&gt;</code> element the browser URL updates, but the detail page does not refresh.</p>
  <pre><code>  const data = useGetDataFromApi(${API}/products?limit=18&amp;offset=0);
  const filteredProducts = data.loaded &amp;&amp; data.products.filter((product) =&gt; { return product.title.toLowerCase().includes(search.toLowerCase()) })
  
      const [search, setSearch] = useState('').
  const handleSearch = (event) =&gt; { setSearch(event.target.value) } 
  
  
  &lt;Form.Control placeholder=&quot;Search&quot; value={search} onChange={handleSearch} /&gt; 
  </code></pre>