I am currently working on an app that **do not support server rendering**, so i have to have an empty state when the client loads the app. Then a fetch is dispatched and the **state is soon updated**.

I have a component (some kind of editor) which should **find an object** based on a url-parameter. My mapStateToProps function looks something like this:

```
const mapStateToProps = (state, ownProps) => {
  return {
    book: state.library.list.find(function(book){ return book.id === ownProps.params.book_id})
  }
}

```

this.props.book is undefined when the component runs getInitialState, so it does not get the update when the state is fetched. I get the following error in the console of my browser when the component loads:

```
TypeError: undefined is not an object (evaluating 'this.props.book.title')

```

From there on the editor remains empty, even when the state is received from the server later on.

Any idea of how i can solve this problem?