Trying to send props to another React component using history.push() is causing me some trouble. Here's the code I have:
history.push({
pathname: `/tickets/solveticket`,
state: {
ticket: this.props.ticketInfo,
user: this.props.currentUser
}
});
window.location.reload()
The history export looks like this:
import { createBrowserHistory } from 'history';
export const history = createBrowserHistory();
My route configuration:
import { BrowserRouter as Router, Route, Switch, Link } from "react-router-dom";
<Router history={history}>
... <PrivateRoute exact path="/" component={Dashboard} />
<Route exact path="/login" component={Login} />
<Route exact path="/register" component={Register} />
<PrivateRoute exact path="/dashboard" component={Dashboard} />
`
The component that renders on the /tickets/solveticket URL takes history parameters like this:
constructor(props){
super(props)
this.state={
ticketToSolve:this.props.location.state.ticket,
currentUser:this.props.location.state.user
}
}
Despite my efforts, I keep running into this error:
TypeError: Cannot read property 'ticket' of undefined
I've tried wrapping everything in withRouter and using this.props.history.push instead of exported history, but nothing seems to work. After hours of searching online, I'm still stuck. If anyone has a solution, please share - thanks in advance :)