AzureAD Provider user.image is 401 Error #3732

ThaddeusJiang · 2022-01-22T09:53:19Z

ThaddeusJiang
Jan 22, 2022

Description 🐜

user.image return

"data:image/jpeg;base64, eyJlcnJvciI6eyJjb2RlIjoiVW5rbm93bkVycm9yIiwibWVzc2FnZSI6IjwhRE9DVFlQRSBodG1sIFBVQkxJQyBcIi0vL1czQy8vRFREIFhIVE1MIDEuMCBTdHJpY3QvL0VOXCIgXCJodHRwOi8vd3d3LnczLm9yZy9UUi94aHRtbDEvRFREL3hodG1sMS1zdHJpY3QuZHRkXCI+XHJcbjxodG1sIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbFwiPlxyXG48aGVhZD5cclxuPG1ldGEgaHR0cC1lcXVpdj1cIkNvbnRlbnQtVHlwZVwiIGNvbnRlbnQ9XCJ0ZXh0L2h0bWw7IGNoYXJzZXQ9aXNvLTg4NTktMVwiLz5cclxuPHRpdGxlPjQwMSAtIFVuYXV0aG9yaXplZDogQWNjZXNzIGlzIGRlbmllZCBkdWUgdG8gaW52YWxpZCBjcmVkZW50aWFscy48L3RpdGxlPlxyXG48c3R5bGUgdHlwZT1cInRleHQvY3NzXCI+XHJcbjwhLS1cclxuYm9keXttYXJnaW46MDtmb250LXNpemU6LjdlbTtmb250LWZhbWlseTpWZXJkYW5hLCBBcmlhbCwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO2JhY2tncm91bmQ6I0VFRUVFRTt9XHJcbmZpZWxkc2V0e3BhZGRpbmc6MCAxNXB4IDEwcHggMTVweDt9IFxyXG5oMXtmb250LXNpemU6Mi40ZW07bWFyZ2luOjA7Y29sb3I6I0ZGRjt9XHJcbmgye2ZvbnQtc2l6ZToxLjdlbTttYXJnaW46MDtjb2xvcjojQ0MwMDAwO30gXHJcbmgze2ZvbnQtc2l6ZToxLjJlbTttYXJnaW46MTBweCAwIDAgMDtjb2xvcjojMDAwMDAwO30gXHJcbiNoZWFkZXJ7d2lkdGg6OTYlO21hcmdpbjowIDAgMCAwO3BhZGRpbmc6NnB4IDIlIDZweCAyJTtmb250LWZhbWlseTpcInRyZWJ1Y2hldCBNU1wiLCBWZXJkYW5hLCBzYW5zLXNlcmlmO2NvbG9yOiNGRkY7XHJcbmJhY2tncm91bmQtY29sb3I6IzU1NTU1NTt9XHJcbiNjb250ZW50e21hcmdpbjowIDAgMCAyJTtwb3NpdGlvbjpyZWxhdGl2ZTt9XHJcbi5jb250ZW50LWNvbnRhaW5lcntiYWNrZ3JvdW5kOiNGRkY7d2lkdGg6OTYlO21hcmdpbi10b3A6OHB4O3BhZGRpbmc6MTBweDtwb3NpdGlvbjpyZWxhdGl2ZTt9XHJcbi0tPlxyXG48L3N0eWxlPlxyXG48L2hlYWQ+XHJcbjxib2R5PlxyXG48ZGl2IGlkPVwiaGVhZGVyXCI+PGgxPlNlcnZlciBFcnJvcjwvaDE+PC9kaXY+XHJcbjxkaXYgaWQ9XCJjb250ZW50XCI+XHJcbiA8ZGl2IGNsYXNzPVwiY29udGVudC1jb250YWluZXJcIj48ZmllbGRzZXQ+XHJcbiAgPGgyPjQwMSAtIFVuYXV0aG9yaXplZDogQWNjZXNzIGlzIGRlbmllZCBkdWUgdG8gaW52YWxpZCBjcmVkZW50aWFscy48L2gyPlxyXG4gIDxoMz5Zb3UgZG8gbm90IGhhdmUgcGVybWlzc2lvbiB0byB2aWV3IHRoaXMgZGlyZWN0b3J5IG9yIHBhZ2UgdXNpbmcgdGhlIGNyZWRlbnRpYWxzIHRoYXQgeW91IHN1cHBsaWVkLjwvaDM+XHJcbiA8L2ZpZWxkc2V0PjwvZGl2PlxyXG48L2Rpdj5cclxuPC9ib2R5PlxyXG48L2h0bWw+XHJcbiIsImlubmVyRXJyb3IiOnsiZGF0ZSI6IjIwMjItMDEtMjJUMDk6MjA6NDQiLCJyZXF1ZXN0LWlkIjoiYjYyMTAxOGItNjFkNy00YmQwLTk2ZTUtODk4ZTdmNWEyMGFlIiwiY2xpZW50LXJlcXVlc3QtaWQiOiJiNjIxMDE4Yi02MWQ3LTRiZDAtOTZlNS04OThlN2Y1YTIwYWUifX19"

decode

{"error":{"code":"UnknownError","message":"<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\r\n xmlns=\"http://www.w3.org/1999/xhtml\">\r\n\r\n http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\"/>\r\n<title>401 - Unauthorized: Access is denied due to invalid credentials.</title>\r\n<style type=\"text/css\">\r\n<!--\r\nbody{margin:0;font-size:.7em;font-family:Verdana, Arial, Helvetica, sans-serif;background:#EEEEEE;}\r\nfieldset{padding:0 15px 10px 15px;} \r\nh1{font-size:2.4em;margin:0;color:#FFF;}\r\nh2{font-size:1.7em;margin:0;color:#CC0000;} \r\nh3{font-size:1.2em;margin:10px 0 0 0;color:#000000;} \r\n#header{width:96%;margin:0 0 0 0;padding:6px 2% 6px 2%;font-family:\"trebuchet MS\", Verdana, sans-serif;color:#FFF;\r\nbackground-color:#555555;}\r\n#content{margin:0 0 0 2%;position:relative;}\r\n.content-container{background:#FFF;width:96%;margin-top:8px;padding:10px;position:relative;}\r\n-->\r\n</style>\r\n</head>\r\n<body>\r\n<div id=\"header\"><h1>Server Error</h1></div>\r\n<div id=\"content\">\r\n <div class=\"content-container\"><fieldset>\r\n <h2>401 - Unauthorized: Access is denied due to invalid credentials.</h2>\r\n <h3>You do not have permission to view this directory or page using the credentials that you supplied.</h3>\r\n </fieldset></div>\r\n</div>\r\n</body>\r\n</html>\r\n","innerError":{"date":"2022-01-14T04:43:21","request-id":"6e9421c3-63a7-49da-8f01-ce56e56b9b82","client-request-id":"6e9421c3-63a7-49da-8f01-ce56e56b9b82"}}}

Is this a bug in your own project?

Yes

How to reproduce ☕️

// pages/api/auth/[...nextauth].ts
import NextAuth from "next-auth";
import AzureADProvider from "next-auth/providers/azure-ad";

export default NextAuth({
  secret: process.env.NEXTAUTH_SECRET,
  providers: [
    AzureADProvider({
      clientId: process.env.AZURE_CLIENT_ID,
      clientSecret: process.env.AZURE_CLIENT_SECRET,
      tenantId: process.env.AZURE_TENANT_ID,
    }),
  ],
});

Screenshots / Logs 📽

Environment 🖥

npx: installed 1 in 2.417s

  System:
    OS: macOS 11.6
    CPU: (8) x64 Intel(R) Core(TM) i5-1038NG7 CPU @ 2.00GHz
    Memory: 51.82 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.18.3 - ~/.nvm/versions/node/v14.18.3/bin/node
    Yarn: 1.22.17 - /usr/local/bin/yarn
    npm: 6.14.15 - ~/.nvm/versions/node/v14.18.3/bin/npm
  Browsers:
    Brave Browser: 97.1.34.80
    Safari: 15.0
  npmPackages:
    next: 12 => 12.0.8 
    next-auth: 4.0.6 => 4.0.6 
    react: 17.0.2 => 17.0.2

Contributing 🙌🏽

Yes, I am willing to help solve this bug in a PR

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

AzureAD Provider user.image is 401 Error #3732

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Uh oh!

AzureAD Provider user.image is 401 Error #3732

Uh oh!

ThaddeusJiang Jan 22, 2022

Description 🐜

Is this a bug in your own project?

How to reproduce ☕️

Screenshots / Logs 📽

Environment 🖥

Contributing 🙌🏽

Replies: 0 comments

ThaddeusJiang
Jan 22, 2022