Breaking changes after upgrade to Angular 13

Question

I have a filter i use to allow my users to go and apply a filter to a specific key an the data. User selects fieldname from dropbox and then goes and provides value and hits search. in Angular 11 that worked correctly but now after upgrading to Angular 13 it is broke. For some reason as of Angular 13 i can access the qstype in my component file anymore after the user makes a selection. But i can access the newValue just fine so not sure what is broke or has changed.

my template

<ng-container *ngIf="agGridBase">
    <form novalidate>
        <igx-input-group class="no-top-pad">

            <igx-prefix class="prefix__qstype-select" *ngIf="qstypeOptions">
                <app-dropdown [(ngModel)]="qstype"
                              name="qstype"
                              placeholder="Select Field"
                              (click)="$event.stopPropagation();"
                              [options]="qstypeOptions">

                </app-dropdown>
            </igx-prefix>

            <input igxInput id="ag-grid-search-filter"
                   appDebounceInput
                   placeholder="Search"
                   [(ngModel)]="newValue"
                   name="quickFilterInput" type="text" />

            <igx-suffix>
                <button type="button" igxButton="icon"
                        igxRipple
                        (click)="$event.stopPropagation(); onSearchFilter()">
                    <igx-icon>search</igx-icon>
                </button>
                <button type="button" igxButton="icon"
                        igxRipple
                        *ngIf="qstype || newValue"
                        (click)="$event.stopPropagation(); reset();">
                    <igx-icon>clear</igx-icon>
                </button>
            </igx-suffix>

        </igx-input-group>
    </form>
</ng-container>

my Component file

import {Component, Input} from '@angular/core';
import {AgGridBaseComponent} from '../ag-grid-base/ag-grid-base.component';
import {IServerDropdownOption} from '../../../../models/server-dropdown';

export interface IAgGridSearchFilterResult {
    newValue: string;
    qstype?: string;
    qtypeText: string;
}

export interface OnSearchFilter {
    onSearchFilterChanged: (params: IAgGridSearchFilterResult) => void;
}

@Component({
    selector: 'app-ag-grid-search-filter',
    templateUrl: './ag-grid-search-filter.component.html',
    styleUrls: ['./ag-grid-search-filter.component.scss']
})
export class AgGridSearchFilterComponent {

    private qstype: string;
    private newValue: string;

    @Input() agGridBase: AgGridBaseComponent;
    @Input() qstypeOptions: IServerDropdownOption[];

    onSearchFilter() {
        console.log(this.qstypeOptions)
        console.log({newValue: this.newValue, qstype: this.qstype})
        const filter = this.qstypeOptions.find(x => x.value === this.qstype);
        let text = '';
        if (filter) {
            text = filter.name;
        }
        this.agGridBase.onSearchFilterChanged({newValue: this.newValue, qstype: this.qstype, qtypeText: text});
    }

    reset() {
        this.qstype = null;
        this.newValue = null;
        this.onSearchFilter();
    }
}