[React] Uncaught (in promise) TypeError: Cannot read property 'push' of undefined

리액트 작업 중 로그인 후 페이지 대시보드로 넘기는 기능을 개발하는 중에 발생한 에러이다.

간단하게 props.history.push('/') 만으로 페이지가 넘어갈 줄 알았는데, 전혀 기능을 하지 않았다.

 

이를 해결하기 위해서는 react-router-dom 의 withRouter를 import하고, export 시 withRouter로 감싸주어야 한다.

 

import { withRouter } from 'react-router-dom'

...

export default withRouter(SamplePage)