使用 async/await 创建商店给出：“警告：失败的道具类型：道具`store.subscribe`

Question

我正在尝试异步加载商店但出现错误。 我正在尝试这样做，因为希望最终延迟加载商店，因为 firebase/firestore 中间件很大，400kb+。 如果我能让这个测试工作，我就会动态导入。 但是，提供商似乎不喜欢这样。 任何人都可以建议解决方法吗？ 我创建了一个 Pen 来说明https://codepen.io/Haalix/pen/ZEYPrmG?editors=1111

HTML：

div#root

JS：

const thunk = ReduxThunk.default
const { Provider, connect } = ReactRedux
const { createStore, applyMiddleware } = Redux

class App extends React.Component {
  handleAdd = () => {
    this.props.addValueLazy()
  }
  handleCut = () => {
    this.props.cutValue()
  }
  render() {
    const { value } = this.props
    return (
      <div className="wrapper">
        <h1 className="title">Counter</h1>
        <Counter 
          value={value}
          onAdd={this.handleAdd}
          onCut={this.handleCut}
        />
      </div>
    )
  }
}

const Counter = ({ value, onAdd, onCut }) => (
  <section className="count-container">
    <div className="value">{value}</div>
    <div className="buttonGroup">
      <button onClick={onAdd}>LAZY ADD</button>
      <button onClick={onCut}>CUT</button>            
    </div>
  </section>
)

const ActionTypes = {
  ADD_VALUE: 'ADD_VALUE',
  CUT_VALUE: 'CUT_VALUE'
}

function mapDispatchToProps(dispatch) {
  return {
    addValueLazy: () => dispatch(addValueLazy()),
    cutValue: () => dispatch(cutValue()),
    dispatch
  }
}
function mapStateToProps(state) {
  return {
    value: state.value
  }
}
const initialState = { value: 0 }
function counterReducer(state = initialState, action) {
  switch(action.type) {
    case ActionTypes.ADD_VALUE:
      return {
        value: state.value + 1
      }
    case ActionTypes.CUT_VALUE:
      return {
        value: state.value - 1
      }
    default: 
      return state;
  }
}
function addValueLazy() {
  return function(dispatch) {
    return setTimeout(()=>dispatch(addValue()), 300)
  }
}
function addValue() {
  return {
    type: ActionTypes.ADD_VALUE
  }
}
function cutValue() {
  return {
    type: ActionTypes.CUT_VALUE
  }
}
const AppWithState = connect(mapStateToProps, mapDispatchToProps)(App)


async function storeMaker() {
  return  await createStore(counterReducer, initialState,
  applyMiddleware(thunk)
)

}

const store = storeMaker();


const Root = () => (
  <Provider store={store}>
    <AppWithState />
  </Provider>
)
ReactDOM.render(
  <Root />,
  document.querySelector('#root'),
)