Login ArgoCD Web UI encountered "this.props.onSubmitFailure is not a function"; CLI works well.

[wadexu007]

Checklist:

• [x] I've searched in the docs and FAQ for my answer: https://bit.ly/argocd-faq.
• [x] I've included steps to reproduce the bug.
• [x] I've pasted the output of argocd version.

Describe the bug ArgoCD CLI works well, argocd login and argocd account update-password both works well.

But login with Chrome or Edge, encountered this error, can't login.

Uncaught (in promise) TypeError: this.props.onSubmitFailure is not a function at t. (main.1d2e00654dba62cdf318.js:2:842643) at v (main.1d2e00654dba62cdf318.js:2:45329) at Generator._invoke (main.1d2e00654dba62cdf318.js:2:45117) at S.forEach.e. [as throw] (main.1d2e00654dba62cdf318.js:2:45509) at r (main.1d2e00654dba62cdf318.js:2:11650) at main.1d2e00654dba62cdf318.js:2:11774

To Reproduce

kubectl create namespace argocd
kubectl apply -n argocd -f https://raw.githubusercontent.com/argoproj/argo-cd/v2.9.0-rc2/manifests/install.yaml

Create an Ingress then login from Chrome or Edge

# Ingress-Nginx installed first
---
apiVersion: networking.k8s.io/v1
kind: Ingress
metadata:
  annotations:
    ingress.kubernetes.io/force-ssl-redirect: "true"
    ingress.kubernetes.io/ssl-redirect: "true"
    nginx.ingress.kubernetes.io/backend-protocol: "HTTPS" # argocd backend using HTTPS

  name: ingress-argocd
  namespace: argocd
spec:
  ingressClassName: nginx
  rules:
  - host: argocd.test.com
    http:
      paths:
      - backend:
          service:
            name: argocd-server
            port:
              number: 80
        path: /
        pathType: Prefix
  tls:
  - hosts:
    - argocd.test.com
    secretName: test-tls-secret

Expected behavior

I can login from UI successfully.

Screenshots

Version

argocd: v2.8.4+c279299.dirty
  BuildDate: 2023-09-13T20:25:25Z
  GitCommit: c27929928104dc37b937764baf65f38b78930e59
  GitTreeState: dirty
  GoVersion: go1.21.1
  Compiler: gc
  Platform: darwin/arm64
argocd-server: v2.9.0-rc2+72f7b14
  BuildDate: 2023-10-03T14:09:50Z
  GitCommit: 72f7b145944d0b753180379429c0dd1df0f618bf
  GitTreeState: clean
  GoVersion: go1.21.1
  Compiler: gc
  Platform: linux/amd64
  Kustomize Version: v5.1.0 2023-06-19T16:58:18Z
  Helm Version: v3.12.1+gf32a527
  Kubectl Version: v0.24.2
  Jsonnet Version: v0.20.0

I tried several versions, all not work. latest: v2.9.0-rc2 Stable: v2.8.4 and an old version: v2.5.22

Logs

From Browser Chrome / Edge -> Developer tools

Uncaught (in promise) TypeError: this.props.onSubmitFailure is not a function
at t. (main.1d2e00654dba62cdf318.js:2:842643)
at v (main.1d2e00654dba62cdf318.js:2:45329)
at Generator._invoke (main.1d2e00654dba62cdf318.js:2:45117)
at S.forEach.e. [as throw] (main.1d2e00654dba62cdf318.js:2:45509)
at r (main.1d2e00654dba62cdf318.js:2:11650)
at main.1d2e00654dba62cdf318.js:2:11774

Chrome version: Version 117.0.5938.149 (Official Build) (arm64)

[gennway]

hey, i've got the same issue, have you found solution for that? @wadexu007

[andrii-korotkov-verkada]

ArgoCD versions 2.10 and below have reached EOL. Can you upgrade and let us know if the issue is still present, please?