Inflearn Community Q&A

프로필 페이지에서 SWR을 사용하지 않고 기존의 리덕스를 사용하다가 생긴 버그에 대해서 질문이 있습니다.

저는 프로필 페이지에서 팔로잉과 팔로워를 불러오는 방법을 기존의 mainPosts를 불러오는 방식과 같게 했습니다.  SWR이 아니라 리덕스를 사용해서
LOAD_FOLLOWERS_REQUEST시에 lastId가 없다면me.Followers=[],
LOAD_FOLLOWERS_SUCCESS시에 me.Followers=me.Followers.concat(action.data)를 사용하는 방법을 택했습니다. 테스트를 해봤을 때도 아무런 문제가 없었구요.

그런데 프로필 페이지에 서버사이드 렌더링을 적용하고서 부터는 인덱스 페이지에서 프로필 페이지로 이동할 때 Followings, Followers가 겹치는 현상이 발생합니다. getServerSideProps에서 호출한 LOAD_MY_INFO_REQUEST액션의 결과로 나온 Followers, Followings가 빈 배열이 되지 않고 이후 useEffect를 통해 불러온 Followers, Followings과 합쳐져 이상한 상태가 되어버립니다. 아래 그림처럼요.

서버사이드 렌더링을 적용한 이후부터 me.Followers=[]가 안통하는 건지.. 원인을 모르겠습니다. 런타임에러라 콘솔에도 잡히는게 없고.. 말로 설명하기가 어려워 일단 깃허브 링크를 달았습니다. 번거로우시겠지만 여유가 있으실 떄 한번 살펴보시고 답장 주시면 감사하겠습니다. 

https://github.com/HamsterPunch/revised-react-nodebird