Вопрос о методе рендеринга компонента redux

У меня есть три компонента, которые все подключаются к хранилищу избыточности и отображают одно и то же состояние, назовем его x

И три связанных компонента имеют отношения родитель-потомок, например:

- connect()(ComponentA)
  - connect()(ComponentB)
  - connect()(ComponentC)

ComponentB и ComponentC являются дочерними элементами ComponentA.

Когда я изменяю значение x в подключенном ComponentC, отображение x также меняется в ComponentA и ComponentB, но сколько раз вызывается метод рендеринга в ComponentB?

Теоретически он должен вызываться дважды (один родительским компонентом A и один сам по себе), на самом деле он вызывается только один раз. Почему?

Редукс-код:

function counter(initalState = { count: 0 }, action) {
  switch (action.type) {
    case "add":
      return Object.assign({}, { count: initalState.count + 1 });
    default:
      return initalState;
  }
}

const store = createStore(
  combineReducers({
    counter
  })
);

function mapStateToProps(state) {
  return {
    count: state.counter.count
  };
}

function mapDispatchToProps(dispatch) {
  return {
    add: function() {
      dispatch({
        type: "add"
      });
    }
  };
}