예외처리시 콘솔창 메시지

export default async function Page(props) {
    const bookId = props.params.id;
    
    const res = await fetch(`http://127.0.0.1:8081/api/books/${bookId}`);

    if(!res.ok) {
        
        //if(res.status == 404) return notFound();

        throw new Error("Failed to fetch data");
    }
const result = await res.json();

    ...
}

500번대 에러날때 던져서 error.js 를 통해 화면처리할때
콘솔창 화면에 원래 이렇게 메시지가 많이 출력되나요?


아래는 error.js 코드입니다.

export default function Error({error, reset}) {

    return(
        <div>
            <h2>Something went wrong!</h2>
            <button onClick={() => reset()}>
                Try again
            </button>
            <Link href="/">Back to Home</Link>
        </div>
    )
}