Auth()를 처리하는 다른방식.

export default Auth(LandingPage, null)

저 같은 경우는 위 코드가 안먹혀서

다른 방법을 생각해봤는데요.

auth 부분을

export default function _auth(option, adminRoute = null) {
  const navigate = useNavigate()
  const dispatch = useDispatch()
  dispatch(auth()).then((response) => {
    console.log(response)

    //로그인 하지  않은 상태
    if (!response.payload.isAuth) {
      if (option) {
        navigate("/")
      }
    } else {
      //로그인 한 상태
      if (adminRoute && !response.payload.isAdmin) {
        navigate("/")
      } else {
        if (option === false) {
          navigate("/")
        }
      }
    }
  })
}

이렇게 수정해주고..

LandingPage 기준으로

Auth(null)

이 코드를 넣어준 후

export default LandingPage

이렇게 export해주시면

정상적으로 작동합니다.

다른 페이지도 같은 방식으로 적용해주시면 돼요!

인프런 커뮤니티 질문&답변