Generic Host Component

[RoboZoom]

Is there a way to implement the createHostFactory method with a generic Host Component?

I'm trying to create a generic component that I can reuse to host form controls that looks like this:

@Component({
  selector: 'test-host',
  template: ''
})
class HostComponent<T> implements OnInit {
  @Input() controlInitValue!: T;
  TestControl: FormControl = new FormControl();

  ngOnInit() {
    this.TestControl = new FormControl(this.controlInitValue);
  }
}

The idea being that I can reuse this host component to test a variety of components that implement Control Value Accessor.

I tried to implement it like this:

let spectator: SpectatorHost<PhoneInputComponent, HostComponent<Phone>>;

const createHost = createHostFactory({
  component: PhoneInputComponent,
  host: HostComponent<Phone>,
  imports: [ReactiveFormsModule, FormsModule],
  template: '<phone-input [formControl]="TestControl"></phone-input>'
});

beforeEach(() => {
      spectator = createHost(undefined);
      spectator.setHostInput('controlInitValue', EmptyPhone);
    });

The first line compiles fine, but in the createHostFactory the line: host: HostComponent<Phone> provides an error (no overload matches this signature). If I add HostComponent sans <phone> then I receive an error when initialzing spectator with the createHost method as it was defined as type SpectatorHost<...,HostComponent<Phone>> and not <...,HostComponent<unknown>>

I also tried creating a new type: type phoneHost = HostComponent<Phone>;

In the createHost declaration, it told me that it received a type but needed a value.

Is there a recommended way to do this? Are generics in this context not supported? Any thoughts/help would be appreciated!