Как сделать preloader с использованием getServerSideProps в React Next JS?

Question

[QnaTwitt]

Использую React JS \ Next JS, данные получаю для страницы через "getServerSideProps"

export const getServerSideProps: GetServerSideProps = async (context) => {
  return {
    props: {
      
    }
  };
};

Когда хочу перейти на эту страницу, у меня нечего не происходит, до тех пор, пока данные из API не придут, вижу прошлую страницу...

Как сделать "preloader" что бы пока данные не пришли, я перешёл на route этой страницы, и видел "reloader" пока данные загружаются?