Error when using grouping and deleting an item in an ObservableArray

[wuilmerj24]

Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project):

• CLI: 8.0.1
• Cross-platform modules: 8.0.5
• Android Runtime:8.0.0
• iOS Runtime:is not installed
• Plugin(s) : @angular/animations │ ~11.2.7 │ │ @angular/common │ ~11.2.7 │ │ @angular/compiler │ ~11.2.7 │ │ @angular/core │ ~11.2.7 │ │ @angular/forms │ ~11.2.7 │ │ @angular/platform-browser │ ~11.2.7 │ │ @angular/platform-browser-dynamic │ ~11.2.7 │ │ @angular/router │ ~11.2.7 │ │ @nativescript/angular │ ~11.8.0 │ │ @nativescript/core │ ~8.0.0 │ │ @nativescript/theme │ ~3.0.1 │ │ nativescript-sqlite │ ^2.7.0 │ │ nativescript-ui-listview │ ^9.1.0 │ │ reflect-metadata │ ~0.1.13 │ │ rxjs │ ~6.6.7 │ │ zone.js │ ~0.11.4 @angular/compiler-cli │ ~11.2.7 │ │ @nativescript/android │ 8.0.0 │ │ @nativescript/types │ ~8.0.0 │ │ @nativescript/webpack │ beta │ │ @ngtools/webpack │ ~11.2.6 │ │ typescript │ ~4.0.0
• NativeScript-Angular:
• Angular:

Describe the bug

I have a radlistview which uses a grouping and an observablearray but when I delete it generates an error: ERROR TypeError: Cannot read property 'name' of undefined But it has an item with the following value { JS: "id": 3, JS: "name": "Piqué", JS: "role": "Defender" JS:}

To Reproduce When deleting an item

Expected behavior Delete the item

Sample project Repo