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"
  },`