Cannot navigate on `componentDidMount`

Hi,

I have troubles to navigate in the componentDidMount hook. I’ve forked router5-react example, and rewrote some of the inbox component to redirect after the component have mounted

class Inbox extends React.Component {

  componentDidMount() {
    this.props.router.navigate('compose')
    
  }

  render() {
    const { route, emails, router } = this.props

    return (
        <div className="inbox">
            <InboxList emails={emails} />
            {route.name === 'inbox.message' ? (
                <Message {...emails[route.params.id]} key={route.params.id} />
            ) : null}
        </div>
    )
  }
}

export default (props) => (
    <RouteNode nodeName="inbox">
        {({ route, router }) => <Inbox route={route} router={router} {...props} />}
    </RouteNode>
)

The first time, (when we arrive on this page from the browser), the URL is correclty updated but the page content doesn’t change. The route.name is wrong whereas router.getState().name is good.

Here is the reproduction: https://stackblitz.com/edit/react-router5-new-context-api-fhgkus?file=components/Inbox.js

Thanks!

[troch]

I don’t think it is related to the lifecycle hook used. I’m going to have a look.

[troch]

6.3.0 has been released, and fix is confirmed (Don’t use 6.2.0, it had an issue).