React-router: OnEnter hook called twice

Created on 16 Dec 2016 · 5Comments · Source: ReactTraining/react-router

Hi all!

I'm trying to make a straightforward case work, but I'm failing to understand why onEnter hook on a router is called twice. Please see the code below:

const history = syncHistoryWithStore(browserHistory, store);

ReactDOM.render(
    <div>
        <Provider store={ store }>
        <Router history={ history }>
            <Route path="/" component={ App }>
                <IndexRedirect to="dashboard" />
                <Route path="login" component={ Login } />
                <Route path="dashboard" component={ Dashboard } onEnter={ requireAuth } />
            </Route>
        </Router>
        </Provider>
    </div>,
    document.getElementById('root')
);

I would like to have my customers redirected to /dashboard by default. If they're not signed in, they should go to /login . All good, but onEnter hook ( my requireAuth function ) is called twice. What could I have done wrong? Seems like a bug to me.

Seems obvious, but I'm using react-redux, react-router and react-router-redux.