Error when trying to access a route with onEnter with an async function

I’m trying to put authentication on one of my routes with onEnter. I have the following code:

my route:

<Route path="/needauth" component={AuthComp} onEnter={validate}></Route>

my validate function:

function validate(nextState, transition, callback){
    var isLoggedIn = yield asyncfunc(); // say that i called an async function here and stored the result in isLoggedIn
    if(!isLoggedIn){
      transition.to('/login');
    }
    callback();
  });
}

When I try to access the route directly though, I get the following error:

Uncaught (in promise) TypeError: Cannot read property 'pathname' of null
    at Object.shouldUpdateScrollPosition (webpack:///./~/react-router/lib/ScrollManagementMixin.js?:32:41)
    at componentDidUpdate (webpack:///./~/react-router/lib/ScrollManagementMixin.js?:73:37)
    at CallbackQueue.assign.notifyAll (webpack:///./~/react/lib/CallbackQueue.js?:68:22)
    at ReactReconcileTransaction.ON_DOM_READY_QUEUEING.close (webpack:///./~/react/lib/ReactReconcileTransaction.js?:81:26)
    at ReactReconcileTransaction.Mixin.closeAll (webpack:///./~/react/lib/Transaction.js?:207:25)
    at ReactReconcileTransaction.Mixin.perform (webpack:///./~/react/lib/Transaction.js?:148:16)
    at ReactUpdatesFlushTransaction.Mixin.perform (webpack:///./~/react/lib/Transaction.js?:134:20)
    at ReactUpdatesFlushTransaction.assign.perform (webpack:///./~/react/lib/ReactUpdates.js?:95:38)
    at Object.flushBatchedUpdates (webpack:///./~/react/lib/ReactUpdates.js?:175:19)
    at Object.ReactPerf.measure.wrapper [as flushBatchedUpdates] (webpack:///./~/react/lib/ReactPerf.js?:70:21)

[vedraan]

I realize this issue is closed but just to avoid confusion (I lost an hour or so after reading this issue and looking at the old docs linked above):

• async is possible with react-router 1.* using a callback function provided to onEnter function.
• up to date onEnter docs (1.*) are here: https://github.com/rackt/react-router/blob/master/docs/API.md#onenternextstate-replacestate-callback

[mtdb]

I don’t got errors when I use an async request, but the transition is not running, I am using es6 Promises, my code looks like:

requireAuth: function(nextState, transition) {
    auth.loggedIn().then(function(loggedIn) {
        if (!loggedIn) transition.to('/login');
    });
}

auth.loggedIn() return a promise