We are developing an Ionic Angular app. When running the APK on Android Studio, everything works fine. However, after creating a build and running it on a physical Android device, we encounter an error with code 2100. What could be causing this issue, and how can we resolve it?

import { Router } from ‘@angular/router’;
import { NavController} from ‘@ionic/angular’;

private navCtrl: NavController,
private router: Router,

redirectToCategoryChat(item: any) { this.loader = true // this.navCtrl.navigateForward(/chat/${item?.category}`, {
// queryParams: {
// sharedObject: item
// }
// });
// this.loader = false

this.router.navigate([`/chat/${encodeURIComponent(item?.category)}`], {
  queryParams: {
    sharedObject: encodeURIComponent(JSON.stringify(item))
  }
}).then(success => {
  console.log('Navigation success:', success);
}).catch(error => {
  alert(JSON.stringify(error));
  console.error('Navigation error:', error);
});
this.loader = false

}`

Package Json file
"dependencies": { "@angular/animations": "^18.0.0", "@angular/common": "^18.0.0", "@angular/compiler": "^18.0.0", "@angular/core": "^18.0.0", "@angular/forms": "^18.0.0", "@angular/platform-browser": "^18.0.0", "@angular/platform-browser-dynamic": "^18.0.0", "@angular/router": "^18.0.0", "@capacitor/android": "^6.0.0", "@capacitor/app": "6.0.0", "@capacitor/core": "6.0.0", "@capacitor/haptics": "6.0.0", "@capacitor/keyboard": "6.0.0", "@capacitor/splash-screen": "^6.0.0", "@capacitor/status-bar": "6.0.0", "@ionic/angular": "^8.0.0", "ionicons": "^7.0.0", "rxjs": "~7.8.0", "tslib": "^2.3.0", "zone.js": "~0.14.2" },