ControlsOf always assumes that field is a FormGroup

[GrzegorzWziatek]

Hi,
I have a interface, that have some flat controls and one which is containing object as value.

export interface Seaport {
  city: string;
  code: string;
  countryCode: string;
}

export interface Address {
  id?: string;
  companyName: string;
  streetAndNumber: string;
  postalCode: string;
  city: string;
  countryCode: string | Location;
  country: string | Location;
  readonly?: boolean;
  addressMode?: AddressMode; // this is an enum
  seaport: Seaport;
}

then when I try to create FormGroup I have an error

const group = new FormGroup<ControlsOf<Address>>({
    id: new FormControl(values?.id),
    companyName: new FormControl(values?.companyName, [Validators.required]),
    streetAndNumber: new FormControl(values?.streetAndNumber, [Validators.required]),
    postalCode: new FormControl(values?.postalCode, []),
    city: new FormControl(values?.city, [Validators.required]),
    country: new FormControl(values?.countryCode, [Validators.required]),
    countryCode: new FormControl(values?.countryCode, []),
    readonly: new FormControl(values?.readonly || false),
    addressMode: new FormControl(values?.addressMode || AddressMode.DEFAULT),
    seaport: new FormControl(values?.seaport)
  });

The issue is that it wants seaport to be a FormGroup instance:

Is there anything I can do to get this working?
I've done this:
seaport: new FormControl<Seaport>(values?.seaport) as any but I don't think it's good idea

[NetanelBasal]

The answer is in the docs.

[GrzegorzWziatek]

Just to confirm, because I looked again (like 10th time) and I guess I found it:

So my interface must directly tell that this is a FormControl?
seaport: FormControl<Seaport>;

[NetanelBasal]

Yep