this.props.history.push works in some components and not others

Question

I am trying to programmatically change pages using browserHistory.push. In one of my components, but not in a component that I embedded inside of that one.

Answer 1

You Can try this

this.context.history.push('/dashboard')

or pass the history as a prop from parent to child component like

parent

child

this.props.history.push('/dashboard');

or withRouter

import { withRouter } from "react-router";
export default withRouter(connect(mapStateToProps, {
    ...
})(Header));