🤔 next/router의 push("/") 문제 및 해결 ( 원인불명 )

로그인 성공 시 로그인 페이지에서 벗어나 메인 페이지로 강제로 이동시키는 로직을 만드는 중 생긴 버그(?)입니다.
npm run dev로 실행할 경우 전혀 문제가 되지 않으며, npm run build, npm run start로 실행하는 경우 발생했습니다.
실제 코드는 아래의 예시와 같은 방식으로 만들지는 않았지만 맥락은 거의 같다고 생각합니다.

이상하게도 "/"를 사용 시 브라우저의 현재 탭 자체가 멈춰버리고 아무 동작도 실행하지 않는 상태가 되는 문제입니다.
에러 로그도 전혀 없어서 문제의 원인을 파악하는 데 시간이 걸려서 기록합니다.

• enter.tsx ( 로그인 페이지 )
• 라우팅 처리하는 훅

import { useRouter } from "next/router";

// 대충 특정 로그인 페이지 컴포넌트
const Enter = () => {
  const router = useRouter();
  
  // 로그인 결괏값
  const [response, setResponse] = useState(null);
  // 로그인 요청 및 결괏값 받기
  useEffect(() => {
    fetch("/api/users/confirm")
      .then(res => res.json())
      .then(data => setResponse(data));
  }, [setResponse])
  
  // 로그인 성공 시 실행
  useEffect(() => {
    if(response?.ok) {
        // 아래 코드 사용 시 브라우저 자체가 멈춤
        router.push("/");
    	// 위 코드 대체로 아래 코드 사용
    	router.push("/#");
    }
  }, [response, router])
  
  return (
    <article>
      // 로그인 페이지를 꾸미는 jsx
    </article>
  )
}