[프론트엔드] REACT ROUTER-TUTORIAL 오류 수정

 

index.tsx:19 Uncaught Error: A <Route> is only ever to be used as the child of <Routes> element,

 never rendered directly. Please wrap your <Route> in a <Routes>.

 

 

 

1. 오류 원인 

 

리엑트 라우터 설치 및 공부중 위와 같은 오류가 발생하였다.

 

 

 

[React] A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in

위의 자료를  참고하여 문제를 해결할 수 있었는데 원인은
'react-router-dom' 라이브러리가 버전 업데이트가 이루어져서 Route의 매개변수 이름이 달라졌다고 한다.

 

 

2. 해결 방법 

 

• 2.1  React-router-dom V6  이전 버전으로 업데이트 하기
  2.2  아래 문서 참고하여 업데이트한 버전으로 사용하기 
  
  
  

 

React Router | API Reference

필자는 최신버전을 사용하여  문제를 해결 하였다.

---

 

- 최종 소스

See the Pen Untitled by S-YC (@s-yc) on CodePen.