Как обновить данные из Firebase для рендеринга в реагирующем редуксе?

Question

Я хочу рендерить обновленные данные из Redx. Сначала я отрисовываю все документы из firebaseReducer, а затем хочу отобразить новые данные из productReduser Вы можете помочь мне?

Мой код:

const mapStateToProps = (state) => {
    return {
        products: state.firestore.ordered.products,
        productHigher: state.product,
    }
}

и рендер:

render() {
    const { products } = this.props

    return (
      <AdminLayout>
        <div className="container">
          <h2>Products</h2>
          <button onClick={this.showHigherThan}>showHigherThan 100</button>
          <button onClick={this.reset}>Reset</button>
          <div className="flex_container">
            {products ? (
              products.map((product, i) => (
                <div className="card" key={i}>
                  <Card
                    id={product.id}
                    click={this.submitClick}
                    price={product.price}
                    title={product.title}
                    description={product.description}
                    image={product.image}
                  />
                </div>
              ))
            ) : (
              <div>Connection</div>
            )}
          </div>

и подключение:

export default compose(
    firestoreConnect(() => [{
        collection: "products",
        limit: 10
    }]),
    connect(mapStateToProps, mapDispatchToProps)
)(Products)