존재하지 않는 페이지

import { useRouteError } from "react-router-dom";

interface RouteError {
  statusText?: string;
  message?: string;
}
const Error = () => {
  const error = useRouteError() as RouteError;
  console.log("statusText: ", error.statusText);
  console.log("message: ", error.message);

  return (
    <div>
      <h1>오류가 발생했습니다.</h1>
      <p>다음과 같은 오류가 발생했습니다.</p>
      <p>{error.statusText || error.message}</p>
    </div>
  );
};

export default Error;

1. interface

interface RouteError {
  statusText?: string;
  message?: string;
}

• statusText: 에러 텍스트(제공)
• status: 에러 코드(제공)
• message: 사용자 정의 메세지

등이 있다.

2. useRouteError()

• 라우트(경로)에 대하여 에러가 발생할 경우를 포착
• 이 때 에러를 리턴한다.
• express의 에러미들웨어와 비슷하다!

참고

https://despiteallthat.tistory.com/245