onEnter's replace not working inside match

[agusputra]

Try this code and navigate to /route2. Then replace not work and there is some errors in browser console.

const routes = (
    <Route path='/'>
        <Route path='route1' onEnter={() => console.log('route1')}/>
        <Route path='route2' onEnter={(state, replace) => {            
            console.log('route2')
            // It is not work and raise error in browser console
            replace('/route1')
        }}/>
    </Route>
)
match({history: browserHistory, routes}, (err, redirect, props) => {
    const router = (
        <Router {...props}/>
    );
    ReactDOM.render(router, app)
});

But this code works (without match).

const routes = (
    <Route path='/'>
        <Route path='route1' onEnter={() => console.log('route1')}/>
        <Route path='route2' onEnter={(state, replace) => {
            console.log('route2')
            replace('/route1')
        }}/>
    </Route>
)
const router = (
    <Router history={browserHistory} routes={routes}/>
)
ReactDOM.render(router, app)

I'm using react-router v2.8.1

[timdorr]

You left out the critical part: What is the error you got?

[agusputra]

With above code, when I enter /route2 in browser then I got

Warning: [react-router] `Router` no longer defaults the history prop to hash history. Please use the `hashHistory` singleton instead. http://tiny.cc/router-defaulthistory
Warning: [react-router] Location "/" did not match any routes

[timdorr]

You don't have any async routes, so you shouldn't use match on the client side. Use a plain <Router>.