如何将商店添加到mobx-react提供者，当它们相互依赖时？

import { observable, action } from 'mobx';

class Store {
  @observable shopStore = null;
  @observable cartStore = null;

  constructor() {
    this.shopStore = new ShopStore(this);
    this.cartStore = new CartStore(this);
  }
}

class ShopStore {
  constructor(rootStore) {
    this.rootStore = rootStore;
  }

  // 添加商店相关的观察属性和操作方法
}

class CartStore {
  constructor(rootStore) {
    this.rootStore = rootStore;
  }

  // 添加购物车相关的观察属性和操作方法
}

const store = new Store();
export default store;

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'mobx-react';
import App from './App';
import store from './store';

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);

import React, { Component } from 'react';
import { inject, observer } from 'mobx-react';

@inject('store')
@observer
class MyComponent extends Component {
  render() {
    const { shopStore, cartStore } = this.props.store;

    // 使用商店中的数据和方法

    return (
      // 组件的JSX代码
    );
  }
}

export default MyComponent;