
Router Guard 관련 버그 해결(feat. React-Query)
·
이슈 & 버그 해결
도입부안녕하세요 FE팀 팀장 안준우입니다 :)오늘은 Router Gurad 관련에서 일어난 이슈를 어떻게 해결했는지에 대해서 소개드리겠습니다.더불어 React-Query v5 (TanStack Query) stale-while-revalidate 방식에 대해서도 가볍게 알려드리면 좋을 것 같아 이 글을 작성하게 되었습니다.발생한 이슈발생한 이슈는 아래의 Gif 와 같습니다.정리하자면 브라우저에서 A탭,B탭으로 미어켓 서비스에 로그인 한 후 하나의 탭에서 로그아웃을 진행하면 다른 탭에서 무한 리다이렉트가 일어나는 버그를 발견하게 되었습니다.왜 발생했을까요?원인을 찾기 위해 로그인했을 때의 과정 및 로그아웃 할때의 과정을 하나씩 따라가면서 확인해봤는데요.원인은 저희가 만든 RouterGuard의 동작때문에 ..