[React] Matched leaf route at location "/"

리액트 라우터를 사용해서 컴포넌트를 불러오는데 이렇게 쓰니까 오류가 남

<Route path="/rock-scissors-paper" component={RSP}/>
--------------------------------------------------------------
Matched leaf route at location "/rock-scissors-paper" does not have an element.

Matched leaf route at location "/rock-scissors-paper" does not have an element.

해당 위치에 일치하는 엘리먼트가 없다

---

<Route path="/rock-scissors-paper" element={<RSP />} />

component를 element로 고쳐서 입력하면 잘 작동함

---

react-router-dom버전이 6인지 5인지 확인해볼것!

6이면 component가 사용이 안되서 위 방법대로 element를 써야하는 것 같음

5이면 component 사용 가능!

npm i react-router-dom@5.3.0 으로 설치하면 됨!

 

참고

https://stackoverflow.com/questions/69854011/matched-leaf-route-at-location-does-not-have-an-element

Matched leaf route at location "/" does not have an element

 

댓글 확인

https://www.youtube.com/watch?v=veXqpfcis0A&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn&index=64