getServerSideProps 관련 질문입니다.

Question

로그인 이 완료되면 Router . push ( '/' ); 메인화면으로 이동합니다 메인화면에서는 getServerSideProps로 유저 정보를 가져옵니다. export const getServerSideProps = wrapper . getServerSideProps ( async (context) => { const cookie = context . req ? context . req . headers . cookie : '' ; if (context . req && cookie) { axios . defaults . headers . Cookie = cookie; } context . store . dispatch ({ type : LOAD_MY_INFO_REQUEST , }); context . store . dispatch ( END ); await context . store . sagaTask . toPromise (); }); 그 다음 useEffect에서 myInformation을 찍어보면 로그가 2번 찍힙니다. useEffect (() => { console.log (myInformation); }, [myInformation]); 로그 : Router.push로 이동한것은 로그가 2번찍히고 URL을 직접 입력하면 정상적으로 로그가 한번 찍힙니다. 이 경우 어떻게 해결을 해야할까요?

제로초(조현영) · Answer

호출되는 이유는 간단합니다. myInfo가 바뀌어서 그렇습니다. 컴포넌트 로딩 시 한 번 찍히고 바뀐 후에 한 번 더 찍히는 겁니다. 모양이 동일하다고 생각할 수 있지만 객체가 다른 객체라서 다르게 찍히는 겁니다. hydrate 때문에 어쩔 수 없을겁니다.