ComponentRef passed to RenderInput disappears after detecting changes

[bengry]

When passing a ComponentRef as a RenderInput to a component, after a change detection is triggered the component is removed from the DOM.
This doesn't happen when passing a TemplateRef or a () => HTMLElement.

Repro code:
Template

<fab-command-bar [items]="commandBarItems">
</fab-command-bar>

<button (click)="toggleRun()">Toggle change detection</button>

Component

private _customCbItemRef: ComponentRef<any>; // initialized via a `ComponentFactoryResolver`.

commandBarItems: ICommandBarItemOptions[] = [
  {
    key: 'run',
    text: 'Run',
    iconProps: {
      iconName: 'CaretRight',
    },
    disabled: true,
  },
  {
    key: 'custom-element',
    render: this._customCbItemRef
  },
];

toggleRun() {
  // Triggers change detection - `FabCommandBar` is defined as `OnPush`
  this.commandBarItems = this.commandBarItems.map(item => item.key === 'run' ? { ...item, disabled: !item.disabled } : item);
}

Expected result:

• "Run" command bar item changes the disabled state.

Actual result:

• run command bar item changes the disabled state.
• custom-element command bar item disappears.

[bengry]

This issue was moved to microsoft/angular-react#2