431 Request Header Fields Too Large due to msal long cookie send in headers

Please follow the issue template below. Failure to do so will result in a delay in answering your question.

Library

• msal@1.2.1

Framework

React v16.6

Description

Due to loo long cookie send in request header azure webapp returning 431 error ie request headers field too large. After looking into the issues found that cookie send in the header is too long causing this issue.

cookie shown in request headers(in chrome network tab) contains a long info about msal as follows. It contains msal login urls, client-info, nonce, authority and many other thing prefixed with msal.

I think cookie sent as header contain duplicate info about msal…

Configuration

const config = {
      auth: {
        clientId: process.env.REACT_APP_EnterpriseADAppClientID,
        redirectUri: redirectUri,
        postLogoutRedirectUri : redirectUri
      },
      cache: {
        cacheLocation: "localStorage",
        storeAuthStateInCookie: true
      },
      system: {
        logger: logger,
        tokenRenewalOffsetSeconds: 300
      }
    }

Browsers

Chrome

[AbhaysinghBhosale]

Even after updating to latest version getting same issue, Cookie size in the request header is still the same

[jasonnutter]

Closing as duplicate, tracked in #1188