Modifying / Replacing bound tab component

Hi,
I have a tabs component with two tabs in it.
In the component constructor I am setting the variables that are bound the root of each tab as in the tabs documentation here:

What I am trying to do is later, replace the component that is assigned to the second tab using:

this.tabs.getByIndex(1).setRoot(MyOtherComponent);

The result behavior is that the tab content disappears.

Any advise on how to accomplish what I am trying to do?

Thanks!