title: How to resolve Bad Request - Header Field Too Long while redirecting the user to loginRedirect in Msal.js
body: <p>From our web application we are authenticating user [Azure AD B2C] through <a href="https://github.com/AzureAD/microsoft-authentication-library-for-js" rel="nofollow noreferrer">Msal.js</a> and version is 1.2.1. Facing an issue while redirecting user to loginRedirect() when acquireTokenSilent throwing "User Login Required". </p>
  
  <p>Issue is "Bad Request - Header Field Too Long" and Http Status is 400, browser [Chrome -Ver - 80.0.3987] cookies had chunk of entries like below -</p>
  
  <p><a href="https://i.stack.imgur.com/mvOiX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mvOiX.jpg" alt="chunk-of-cookies"></a></p>
  
  <p>Forcing user to logout() and redirecting to loginRedirect() did not resolve the issue. Still cookies are available, probably cookies are not cleaning due to this -
  <a href="https://github.com/AzureAD/microsoft-authentication-library-for-js/blob/ea6a415f678017237cc6d2f0ba493076950bdf8f/lib/msal-core/src/UserAgentApplication.ts#L928" rel="nofollow noreferrer">msal.js</a><br>
  <a href="https://i.stack.imgur.com/pyu5S.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pyu5S.jpg" alt="msal-js"></a></p>
  
  <p>I want to clear cookies by using "<a href="https://github.com/AzureAD/microsoft-authentication-library-for-js/blob/9d809a9fe7618768bc35614c7a457110fd8c96a9/lib/msal-core/src/cache/AuthCache.ts#L211" rel="nofollow noreferrer">clearMsalCookie</a>" method, but it requires "State". Where do I get the State? or else is there a way to delete the msal cookies. However "resetCacheItems" not clearing the cookies....</p>
  
  <p>Regards,
  Deb</p>
  
  <p>--  </p>