React) export 'Outlet' (imported as 'Outlet') was not found in 'react-router-dom' 해결방법

Compiled with problems:X

ERROR in ./src/pages/Mypage/Mypage_Main.js 18:35-41

export 'Outlet' (imported as 'Outlet') was not found in 'react-router-dom' (possible exports: BrowserRouter, HashRouter, Link, MemoryRouter, NavLink, Prompt, Redirect, Route, Router, StaticRouter, Switch, generatePath, matchPath, useHistory, useLocation, useParams, useRouteMatch, withRouter)

 

react-router-dom 의 Outlet 태그를 썼는데 위와 같은 오류가 나왔다. 

 

결론은 react-router-dom 의 버전 문제이다. 

 

현재 버전 정보를 확인 해 보았다.  (package.json 에서 확인 가능)

 

"react-router-dom": "^5.3.4",

6부터 Outlet이 지원 가능하기 때문에 react-router-dom 의 업그레이드를 진행해야 한다. 

아래의 명령어로 설치가 가능하다. 

npm i history@5 react-router-dom@6