[ERRORS][React.js] Matched leaf route at location "/" does not have an element

최종 프로젝트를 위해서 웹 Demo를 만들어야한다.

MERN stack으로 웹을 만드는 무료 강의를 찾다보니 유투브로 한 2년 전 강의를 보고 있다. 

항상 오래된 강의를 들을 때는 문제가 되는 것이 버전 차이... 이번 에러도 버전에 의한 에러였다.

Matched leaf route at location "/" does not have an element~ 이런 에러가 자꾸 뜨고 원하는 페이지가 안나왔다.

 

스택오버플로우를 찾아보니 역시 나랑 같은 에러를 겪는 사람이 있었고

답변을 여러개 훑어보니 React Route v6부터는 Route element라는 것을 사용한다고 한다. 

https://github.com/remix-run/react-router/blob/main/docs/upgrading/v5.md#advantages-of-route-element

 

나처럼 몇 년 전 강의를 듣는 사람들은 겪을 수도 있는 에러인 듯 싶다.

코드에 썼던 component대신 element={} 안에 들어가야 할 요소를 태그로 넣어주었다.​

 

그러고 나니 정상적인 화면이 떴음!! 좀만 더 해보자 아자아자