Type mismatch for FormControl<boolean> initialized with boolean value.

[rcollette]

https://stackblitz.com/edit/angular-zqy45b

import { Component, Input } from '@angular/core';
import { FormControl, FormGroup } from '@ng-stack/forms';

interface IEntitlementsForm {
  perpetualLicense: boolean;
}

@Component({
  selector: 'hello',
  template: `<h1>Hello {{name}}!</h1>`,
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent  {
  @Input() name: string;
  public perpetualLicense = new FormControl<boolean>(false);
  public formGroup=new FormGroup<IEntitlementsForm>({
    perpetualLicense:this.perpetualLicense
  });
}

Error

Argument of type '{ perpetualLicense: FormControl<boolean, ValidatorsModel>; }' is not assignable to parameter of type '{ perpetualLicense?: FormControl<false, ValidatorsModel> | FormControl<true, ValidatorsModel>; }'.
  Types of property 'perpetualLicense' are incompatible.
    Type 'FormControl<boolean, ValidatorsModel>' is not assignable to type 'FormControl<false, ValidatorsModel> | FormControl<true, ValidatorsModel>'.
      Type 'FormControl<boolean, ValidatorsModel>' is not assignable to type 'FormControl<false, ValidatorsModel>'.
        Type 'boolean' is not assignable to type 'false'.

[KostyaTretyak]

Thank you for reported the issue. Seems that is "design limitation" see Unexpected splitting of "boolean" type in conditional types

[KostyaTretyak]

Fixed via fbec6d84

Checkout

npm i @ng-stack/forms