[React][TypeScript] react-router-dom v6 - errorElement를 이용하여 컴포넌트 에러에 대응해보자

errorElement는 v5에서는 없는 기능이다.

errorElement는 내가 정의한 URL에 접근하지 않고, 다른 URL을 사용하였을때 오류에 대한 대응을 해줄 수 있도록 해준다. 

이렇게 두개의 에러 컴포넌트를 만들고

각 path에 따른 erroeElement로 넣어주면 오류가 생겼을때 빈화면만 보이거나 런타임에서 바로 충돌이 일어나서 모든게 사라질 것이다.

 

이렇게 각 컴포넌트에서 문제가 생겼을경우 대응을 해줄 수 있다.