Ion-radio : Can't bind to 'checked' since it isn't a known property

Ionic Framework Ionic Angular
1

I don’t know why i am getting this error , any help is highly appreciated

form [formGroup]="radioForm">
    <ion-list class="radio-list" lines="full">
      <ion-radio-group class="radio-group" formControlName="selected_option">
        <ion-item class="radio-item" *ngFor="let item of details.sizeVariants">
          <ion-label class="radio-label">{{item.name}}</ion-label>
          <ion-radio slot="start" color="primary" [value]="item.value" style="size: 14px;"
          [checked]="item.default" ></ion-radio>
        </ion-item>
      </ion-radio-group>
    </ion-list>
  </form>

.ts file

import { FormGroup, FormControl} from '@angular/forms';

.module.ts

mport { ReactiveFormsModule , FormsModule} from '@angular/forms';
const routes: Routes = [
  {
    path: '',
    component: FoodDetailsPage,
    // resolve: {
    //   data: FoodDetailsResolver
    // }
  }
];

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    IonicModule,
    RouterModule.forChild(routes),
    ComponentsModule,
    HttpClientModule,
    ReactiveFormsModule,
   ],
2

The good news is that whatever’s causing the error, you shouldn’t care, because you shouldn’t be trying to bind to checked anyway. Since you have backing FormControls, assign to their value instead.