title: FormBuilder group is deprecated
body: <p>I migrated my project to angular 11 and I noticed that the global validations that I added make <code>FormBuilder.group</code> deprecated with the message:</p>
  <pre><code>group is deprecated: This api is not typesafe and can result in issues with Closure Compiler renaming.
  Use the `FormBuilder#group` overload with `AbstractControlOptions` instead.
  </code></pre>
  <p>so this is deprecated:</p>
  <pre><code>  ingredientForm = this.fb.group({
      ingredientType: ['', Validators.required],
      ingredientFlavor: [''],
      isMultiFlavor: [''],
      ingredientBrand: [''],
      ingredientName: [''],
      imageFile: ['']
    }, {validators: [ValidateThirdNumber.validate]});
  </code></pre>
  <p>and without the <code>validators</code> option it's not.</p>
  <p>my <code>ValidateThirdNumber</code> validator:</p>
  <pre><code>class ValidateThirdNumber {
    static validate(control: AbstractControl): void {
        if (control) {
        const isMultiFlavor = control.get('isMultiFlavor')?.value;
        const ingredientFlavor = control.get('ingredientFlavor')?.value;
        const ingredientBrand = control.get('ingredientBrand')?.value;
        const ingredientName = control.get('ingredientName')?.value;
        if (isMultiFlavor &amp;&amp; ingredientFlavor.trim().length === 0) {
          control.get('ingredientFlavor')?.setErrors({required_if: true});
        } else {
          control.get('ingredientFlavor')?.setErrors(null);
        }
        if (!ingredientFlavor &amp;&amp; !ingredientBrand &amp;&amp; !ingredientName) {
          control.get('ingredientName')?.setErrors({required_at_least: true});
          control.get('ingredientFlavor')?.setErrors({required_at_least: true});
          control.get('ingredientBrand')?.setErrors({required_at_least: true});
        } else {
          control.get('ingredientName')?.setErrors(null);
          control.get('ingredientFlavor')?.setErrors(null);
          control.get('ingredientBrand')?.setErrors(null);
        }
        if (ingredientBrand &amp;&amp; ingredientName &amp;&amp; ingredientName === ingredientBrand) {
          control.get('ingredientName')?.setErrors({not_the_same: true});
          control.get('ingredientBrand')?.setErrors({not_the_same: true});
        }
      }
    }
  }
  </code></pre>
  <p>how do I overload it with AbstractControlOptions ?</p>