로딩 페이지, 에러 페이지 질문

React뿐만 아니라 NextJS에서도

<ErrorBoundary fallback={<Error/>}>

<Suspense fallback={<Loading/>}>

<Page />

</Suspense>

</ErrorBoundary>

이렇게 컴포넌트 계층 구조를 작성해야 한다는 것인가요? 아니면 그냥 error.tsx, loading.tsx파일만 만들면 알아서 적용이 된다는 것인가요?