How to pass data through MobX to component's children?

Question

React

I started to study MobX on this resource, the question arose.
In the example, data is entered into MobX as follows

const appState = observable({
  count: 0
})
appState.increment = function () {
  this.count++;
}
appState.decrement = function () {
  this.count--;
}

Then placed in a component call ReactDOM.render(< Counter store={appState} / >, rootElement);
and I can call it in the child via this.props.store.
And if you need to call it, for example, at the 3rd nesting level? Those. do I need to pass this.props.store to each child component?

Answer 1

I started to study MobX on this resource, the question arose.

So you study further - the answer to your question is in the eighth part of this guide.