API 핸들러에서 400번 코드를 반환하면 콘솔에러

안녕하세요 선생님,
예를들어 사용자가 로그인을 하지 않아서
return NextResponse.json({ message: 로그인이 필요합니다.' }, { status: 400 }); 을 반환하고,

클라이언트측에서 

export const addWish = async () => {
try {
  const response = await fetch(`/api/endpoint`);
  const result = await response.json();
  if (!response.ok) return alert(result.message);
  return result;
} catch (e) {
  alert(result.message);
}
};

로 따로 메세지로 처리하여, 콘솔 에러를 숨기려고 했지만,
try, catch로 아무리 처리해봐도, API handler에서 status 에러 code를 반환하는 순간 api/endpoint 로부터 에러콘솔이 출력됩니다.
개발에서든 프로덕션에서든 마찬가지여서 next.js에선 원래 api handler에서 콘솔에러가 무조건 출력되는걸까요? ㅜㅜ
프로덕션에서 콘솔에러를 아예 보지 않는 방법도 있지만 좋지 않은 것 같아 문의드립니다 ㅜㅜ

• 이 게시글은 박성찬에 의해 3 월, 4 주 전에 수정됐습니다.