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

ㅋㅋㅋㅋㅋㅋㅋㅋ 에러문구가 시키는대로 

 

<Routes></Routes> 로 감싸주었는데도 해결 못하셔서 찾아오신분들 환영합니다.

 

'react-router-dom' 라이브러리가 버전 업데이트가 됬어요...!

 

<Route> 의 매개변수 이름이 변경되었습니다..!

 

 

# 해결방법 (2021. 11. 25 기준)

1. 최신버전에 맞게 작성한다. (공식 doc 이나, 설치된 라이브러리 코드를 뜯어본다.)

<Routes>
    <Route path="/home1" component={Home}>
    <Route path="/home2" element={<Home/>}>
</Routes>

//home1 은 작동안하고
//home2 는 작동한다..
// :D.........

2. 이전 버전을 설치하여 사용한다. 

 

---

 

# React-router-dom V6

React Router | Overview