title: How to prevent getServerSideProps from running again when pushing query param?
body: <p>I'm asking because I don't know exactly what to do. When my page is loaded, I have a table yield that I got from the API with <code>getServerSideProps</code>. Like this:</p>
  <pre><code>export const getServerSideProps: GetServerSideProps&lt;Props&gt; = async (
    context
  ) =&gt; {
    const { query } = context
    const { limit, offset } = query
  
    const reqData = await axios({
      method: 'POST',
      url: 'http://localhost:3000/api/kurbanlik',
      data: {
        limit,
        offset,
      },
    })
    const { data, total } = await reqData.data
  
    return {
      props: {
        data, // Hayvan Data (All Rows)
        total,
        query,
      },
    }
  }
  </code></pre>
  <p>My table rows are based on this data. When I <code>onRowClick</code> any of the table rows, the page is redirected with <code>router.push</code> id query params. For ex. <code>localhost:3000/?id:102112</code>.
  When I click on each row, the modal component specific to that row opens. And change id query params.</p>
  <p>But I have a problem. When I click on each row, all the table data I got from the <code>getServerSideProps</code> is called again. I only need to do this when the first page is rendered.I don't need it to recreate the table data over and over.</p>
  <p>How can I prevent this?</p>