title: Why does router.push reload / re-render the pages with next.js?
body: <p>In my component, I have:</p>
  
  <pre><code>    return (
          &lt;TouchableRipple onPress={() =&gt; router.push(`/conversations/${props.item.id}`)} style={{ marginBottom: 50 }}&gt;
              &lt;Surface style={{ height: 200, flex: 1, flexDirection: 'row', justifyContent: 'flex-start', borderRadius: customTheme.roundness, elevation: customTheme.elevation }}&gt;
  </code></pre>
  
  <p>It goes to <code>/conversations/1</code>, but rerenders the entire page. Am I missing something?</p>