Angular 9 ReactiveForm ngSubmit не запущен

Question

У меня есть эта форма:

<form [formGroup]="formSettings" (ngSubmit)="onSave()">
    <div class="form-row">
        <div class="form-group col-md-4">
            <label for="code">Code</label>
            <input type="text" class="form-control" id="code" placeholder="es. GBF45HG..." formControlName="code">
        </div>
        <div class="form-group col-md-4 d-flex align-items-end justify-content-start">
            <fa-icon class="ok-icon" *ngIf="isValid(code)" [icon]="icons.okIcon"></fa-icon>
            <fa-icon class="wrong-icon" *ngIf="isInvalid(code)" [icon]="icons.wrongIcon"></fa-icon>
        </div>
    </div>
    <div class="d-flex justify-content-end mt-3 border-top pt-3">
        <button class="btn btn-primary" [disabled]="idModulo === null" (click)="onPublish($event)">Publish</button>
        <button type="submit" class="btn btn-primary ml-3">Save</button>
    </div>
</form>

В form-settings.component.ts я определяю эту formGroup:

const settings: IFormSettings = {
  code: new FormControl('', [Validators.required], this.isValidCode())
};

this.formSettings = new FormGroup({ ...settings }, { updateOn: 'submit' });

В первый раз отправка формы запускается, но со второго раза, если я изменю значение кода поля и нажму кнопку «Сохранить», будут запущены все проверки формы, но не отправка! Почему это произошло?