error TS2769: No overload matches this call Overload 1 of 5, '(value: string |...

I am learning Angular. I follow the example at

https://www.angulartraining.com/daily-newsletter/rxjs-debouncetime-operator/

https://stackblitz.com/edit/at-debo...s,app/app.component.html,app/app.component.ts

which is ok at version 5.0.0. However, compiling it with version 15.1.0 get the following errors. How to fix it?

Error: src/app/app.component.ts:16:5 - error TS2769: No overload matches this call.
Overload 1 of 5, '(value: string | FormControlState<string>, opts: FormControlOptions & { nonNullable: true; }): FormControl<string>', gave the following error.
Argument of type '(control: FormControl<any>) => ValidationErrors | null' is not assignable to parameter of type 'FormControlOptions & { nonNullable: true; }'.
Type '(control: FormControl<any>) => ValidationErrors | null' is not assignable to type '{ nonNullable: true; }'.
Overload 2 of 5, '(value: string | FormControlState<string>, opts: FormControlOptions & { initialValueIsDefault: true; }): FormControl<string>', gave the following error.
Argument of type '(control: FormControl<any>) => ValidationErrors | null' is not assignable to parameter of type 'FormControlOptions & { initialValueIsDefault: true; }'.
Type '(control: FormControl<any>) => ValidationErrors | null' is not assignable to type '{ initialValueIsDefault: true; }'.
Overload 3 of 5, '(value: string | FormControlState<string>, validatorOrOpts?: ValidatorFn | ValidatorFn[] | FormControlOptions | null | undefined, asyncValidator?: AsyncValidatorFn | ... 2 more ... | undefined): FormControl<...>', gave the following error.
Argument of type '(control: FormControl<any>) => ValidationErrors | null' is not assignable to parameter of type 'ValidatorFn | ValidatorFn[] | FormControlOptions | null | undefined'.
Type '(control: FormControl<any>) => ValidationErrors | null' is not assignable to type 'ValidatorFn'.
Types of parameters 'control' and 'control' are incompatible.
Type 'AbstractControl<any, any>' is missing the following properties from type 'FormControl<any>': defaultValue, registerOnChange, registerOnDisabledChange

16 CreditCardValidator.validateCcNumber
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/app/app.component.ts:16:5
16 CreditCardValidator.validateCcNumber
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Did you mean to call this expression?

Continue reading...