Error: nonce mismatch, expected undefined, got:

Marketplace
1

I have configured Classlink as OpenID enterprise connection. When try to login through sample vue app provided with SPA application I get following error

Error: nonce mismatch, expected undefined, got: a29e2600-c1dd-11ed-8ce3-dd1dd7aebba2

I provide my connection name while instantiating Auth 0

 createAuth0({
      domain: authConfig.domain,
      clientId: authConfig.clientId,
      authorizationParams: {
          redirect_uri: window.location.origin,
          // connection: 'google-oauth2',
          connection: 'Classlink',
      }
    })

This is my tenant domain

dev-paper-co.us.auth0.com

This error is happing only for Classlink connection but works for other connections like Clever and google-oauth2

Following is the error log from Auth0 tenant logs

{
  "date": "2023-03-13T20:35:51.412Z",
  "type": "f",
  "description": "nonce mismatch, expected undefined, got: a4ad3a70-c1de-11ed-aaec-4f9a717b84be",
  "connection": "Classlink",
  "connection_id": "con_LSnvJRzhic3n17So",
  "client_id": "***",
  "client_name": "***",
  "ip": "",
  "user_agent": "Chrome 111.0.0 / Mac OS X 10.15.7",
  "details": {
    "body": {},
    "qs": {
      "code": "****",
      "state": "MRfQS_rpHVIvqfVQjKbT07Y5U6kyXcTC",
      "response_type": "code"
    },
    "connection": "Classlink",
    "error": {
      "message": "nonce mismatch, expected undefined, got: a4ad3a70-c1de-11ed-aaec-4f9a717b84be",
      "oauthError": "access_denied",
      "type": "oauth-authorization"
    },
    "session_id": "****",
    "riskAssessment": null
  },
  "hostname": "login.paperdev.co",
  "strategy": "oidc",
  "strategy_type": "enterprise",
  "log_id": "90020230313203554410391000000000000001223372036912398825",
  "_id": "90020230313203554410391000000000000001223372036912398825",
  "isMobile": false,
  "id": "90020230313203554410391000000000000001223372036912398825"
}