Dispatching actions to toggle "Show" on Models

I have a wrapComponent on Models to add a Expand/Collapse functionality on the Models.

I'm wondering if there's a better way to dispatch actions to "show" all the paths on Models without firing off individual actions?

return {
      wrapComponents: {
        Models: (Original, system) => {
          return MyModels
        }
      }
    }

onExpandAllModels = async () => {
    const specPathBase = this.getSchemaBasePath();

    const definitions = this.props.specSelectors.definitions();

    for (let entrySeq of definitions.entrySeq()) {
      const [name] = entrySeq;
      const fullPath = [...specPathBase, name];

      this.props.layoutActions.show(fullPath, !this.state.expanded) // DISPATCHING AN ACTION FOR EVERY MODEL
    }

    this.setState(prevState => {
      return {
        expanded: !prevState.expanded
      };
    });
  }

We have relatively large, nested models and we want to have the models shown with full depth (defaultModelsExpandDepth = 10 currently), so I'm finding that this render update is taking quite a long time.

I'm wondering if there's a more performant way to dispatch these events, maybe aggregating them at once. Or if this is just due to the fact that models are fully expanded, is there potentially another way of going about this?

Start at the Models component and its layoutActions.show calls, using specSelectors.definitions and defaultModelsExpandDepth as the relevant entry points. Determine whether a batched expand/collapse path can replace per-model dispatches, and verify completion by measuring render cost for the reported large, nested models.