Update layout model from JsonRowNode without creating new instance of model

[e7acampos]

In each cell of my layout I have a component that's very expensive to initialize. I have a list of predefined layouts a user can select from. When they select a new layout I create a new layout model which triggers my components to be unmounted. I want to avoid re-initializing my components by not changing the layout model reference but rather update it. Is this possible?

my current function to create a new model from my predefined layouts:

export const buildLayoutModel = (existingModel: Model | undefined, newJsonLayout: IJsonRowNode) => {
  const newModel = Model.fromJson({ ...DEFAULT_LAYOUT_JSON_MODEL, layout: newJsonLayout });

  // apply any existing ids from existing model to the new model
  const existingIds = new Set<string>();
  existingModel?.visitNodes((node) => {
    if (node.getType() === 'tabset') {
      existingIds.add(node.getId());
    }
  });

  newModel.visitNodes((node) => {
    if (node.getType() === 'tabset') {
      const nextNodeId = existingIds.values().next().value;
      if (nextNodeId) {
        node.setId(nextNodeId);
        existingIds.delete(nextNodeId);
      }
    }
  });

  // Rebuild the model to ensure updates are reflected
  return Model.fromJson(newModel.toJson());
};