title: what differences between Link in react-router and `window.history.pushState()`?
body: <p>in my code when i click button, component <code>Aaaaa</code> is not re-rendered, but when i tap on link, component <code>Aaaaa</code> is re-rendered. i can't find cause of it?</p>
  <pre><code>function App() {
    return (
      &lt;&gt;
          &lt;button onClick={() =&gt; window.history.pushState('','','/about')}&gt;About&lt;/button&gt;
          &lt;Link to='/about'&gt;to About&lt;/Link&gt;
          &lt;Aaaaaa/&gt;
      &lt;/&gt;
    );
  }
  </code></pre>
  <p>and:</p>
  <pre><code>Aaaaaa(){
     const location = useLocation()
     return &lt;div&gt;About &lt;/div&gt;
  }
  </code></pre>