Next.js router.query가 undefined일 때..

router.isReady는 라우터 필드가 클라이언트 측에서 업데이트되고 사용할 준비가 되었는지 여부를 확인

  useEffect(() => {
    if (!router.isReady) return;

    // get board id from url
    setBoardId(queries.toString());

    // get board type form url
    setBoardType(window.location.hash.split("#")[1].toString());
  }, [queries]);