title: How to show loading state only if data is not received yet. Next.js ssr
body: <p>I have multiple <code>getServerSideProps</code> in my project and I have a header which displays pages and I have to wait for a page to be opened once I click upon it since I need data to be fetched. Once they are fetched the page will be open.</p>
  <p>One approach I used to show user a loading state is to use <code>routeChangeStart</code> BUT I stumbled upon one problem and so I would like not to use this case.</p>
  <p>If I go on a page and the data is fetching I want to show user a spinner or some indicator and once the data is fetched I want to stop the indicator/spinner.</p>