Amazon connect CCP redirect to amazone connect login

I am using Amazon connect streams in my angular project. I call in the InitCCP method and gave all the necessary detail there when I try to login it redirect me to https://XXXX.my.connect.aws/login from https://XXXX.my.connect.aws/ccp-v2 I don't know the reason If someone has any clue please guide me because of the above redirection, it opens the home dashboard of amazon connect instead of opening CCP window. here is my full configuration:

connect.core.initCCP(
      this.connectDiv.nativeElement as HTMLElement,
      // this.connectService.getInitConnectOption(),
     {
        ccpUrl: "https://xxxxx.my.connect.aws/ccp-v2#",            // REQUIRED
                 // REQUIRED
        loginPopup: false,               // optional, defaults to `true`
        loginPopupAutoClose: true,      // optional, defaults to `false`
        region: "eu-central-1",         // REQUIRED for `CHAT`, optional otherwise
        softphone: {                    // optional, defaults below apply if not provided
          allowFramedSoftphone: true,   // optional, defaults to false
          disableRingtone: false,       // optional, defaults to false
          ringtoneUrl: "./ringtone.mp3" // optional, defaults to CCP’s default ringtone if a falsy value is set
        },
        // shouldAddNamespaceToLogs: false, //optional, defaults to 'false'
        // ccpAckTimeout: 5000, //optional, defaults to 3000 (ms)
        ccpSynTimeout: 500, //optional, defaults to 1000 (ms)
        ccpLoadTimeout: 100000 //optional, defaults to 5000 (ms)
      }
    );