MobX React HOC с помощью крючка useObserver

Question

Я пытаюсь создать реагирующий HOC для перехватчика useObservable от mobx, но он не реагирует на изменения.

Рабочий код:

const MobXItemsList = () => {
  const store = useContext(MobxDataStore);
  return useObserver(() => (
    <ItemsList
      customers={store.customers}
      initialized={store.initialized}
      length={store.customers.length}
    />
  ));
};
export default MobXItemsList;

Версия с HOC, которая НЕ работает (не реагирует / не наблюдает за изменениями):

const withObserverMobx = Component => () => {
  const store = useContext(MobxDataStore);
  return useObserver(() => <Component store={store} />);
};

export default withObserverMobx(({ store }) => {
  return (
    <ItemsList
      customers={store.customers}
      initialized={true}
      length={store.customers.length}
    />
  );
});