React Flux - не может отправлять в середине отправки

У меня есть выпадающий список со списками. При щелчке по списку он отображается в таблице на другой стороне страницы.

Всякий раз, когда создается новый список, я хочу отображать его так же, как если бы он был нажат (как показано в коде ниже). Однако, чтобы отобразить его в таблице, мне нужно вызвать ListAssignmentsStoreActions.loadListAssignments(list);.

handleClick: function() {
    var list = this.props.data;
    ListAssignmentsStoreActions.loadListAssignments(list);
},

//invoked after initial rendering
componentDidMount: function() {
    var loadAssignmentsForList = this.props.loadAssignmentsForList;
    console.log("Name " + this.props.data.name);
    if(loadAssignmentsForList){
        this.handleClick();
    }
}

Проблема в том, что я получаю:

 error = Error: Invariant Violation: Dispatch.dispatch(...): Cannot dispatch in the middle of a dispatch. at invariant

Я не знаю, как отобразить список, кроме как вызвать действие.