[nextjs] Cannot update a component(``) while rendering a different component(``) 에러

 

 

if (!session) {
    router.push("/login");
  }

클라이언트 컴포넌트에서 세션이 없을 때 /login 페이지로 이동하는 중 에러가 발생

 

 

해결방법

 

1. useEffect 사용

  const router = useRouter();
  useEffect(() => {
    if (!session) {
      router.push("/login");
    }
  }, [router, session]);

 

 

2. 서버 컴포넌트로 변경 후 redirect 사용

import { redirect } from "next/navigation";

if (!session) {
    redirect("/login");
}