How to call getServerSideprops with useEffect in Next.js

Question

I am building a project using next.js but I have an issue that getServerSideProps is called 6 times when the page is rendered.

Here is the code at the top in pages.