Cannot read property 'getState' of undefined

[Graf009]

I use redux-react-router@1.0.0-beta3

reduxReactRouter({ getRoutes, createHistory }),

getRoutes(store) {
  const {getState} = store;
  return (
    <Route path="/" component={ Application }>
      <IndexRoute component={ Home } />
      <Route onEnter={ requireLogin(getState) }>
        <Route path="reports" component={ Reports } />
      </Route>
    </Route>
  );
}

requireLogin(getState) {
  return (nextState, replaceState) => {
    const { auth: { user }} = getState();
    if (!user) replaceState('/');
  };
}

When I open the url ..../reports I get an error "Cannot read property 'getState' of undefined".
Please tell me what went wrong?

[Furizaa]

getState is only available when you onEnter hook fires. So the fix would be to pass store to requireLogin and get your state there.

requireLogin(store) {
  return (nextState, replaceState) => {
    const { auth: { user }} = store.getState();
    if (!user) replaceState('/');
  };
}

[Graf009]

I've tried it, but it gave no result.
When I open the url .../
When I open the url .../ and then turn on the to the url .../reports it works!

[Furizaa]

Ok, missed the wrong replaceState call. Try replaceState(null, '/');. Nevertheless getState() should work now.

http://rackt.github.io/history/stable/GettingStarted.html

[Graf009]

The test shows that the problem #62

[ferdinandsalis]

I have the same problem. Is there a different solution to check wether a user is loggedIn and redirect accordingly?

[chentsulin]

Duplicate of #62. onEnter will be called before store ready

[rsylvian]

Any news on this?

[Scarysize]

@MyBoon
#62 should offer some workarounds for the problem.
As it is the same problem, i will close this issue. Feel free to leave further comments at #62 or at the Discord channel :-)