How to handle error thrown when user presses "cancel" on Discord sign in

[TechnoVisionDev]

Question 💬

There seems to be a default behavior with NextAuth when using the Discord provider where, when the authorization page appears, if the user clicks "cancel" instead of "authorize", an error is thrown in the console and it redirects to the brandless sign in page. I expect users to press cancel, how can I handle this error so that it redirects to my homepage instead of to the brandless sign in page? I tried adding the pages option and setting a route for 'error' but that did not work.

[next-auth][error][OAUTH_CALLBACK_HANDLER_ERROR] 
https://next-auth.js.org/errors#oauth_callback_handler_error access_denied {
  error: {
    message: 'access_denied',
    stack: 'Error: access_denied\n' +
      '    at oAuthCallback (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next-auth/core/lib/oauth/callback.js:37:19)\n' +
      '    at Object.callback (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next-auth/core/routes/callback.js:50:39)\n' +
      '    at NextAuthHandler (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next-auth/core/index.js:139:41)\n' +
      '    at runMicrotasks (<anonymous>)\n' +
      '    at processTicksAndRejections (node:internal/process/task_queues:96:5)\n' +
      '    at async NextAuthNextHandler (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next-auth/next/index.js:20:19)\n' +
      '    at async /Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next-auth/next/index.js:56:32\n' +
      '    at async Object.apiResolver (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next/dist/server/api-utils.js:102:9)\n' +
      '    at async DevServer.handleApiRequest (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next/dist/server/base-server.js:1076:9)\n' +
      '    at async Object.fn (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next/dist/server/base-server.js:963:37)',
    name: 'Error'
  },
  error_description: 'The resource owner or authorization server denied the request',
  body: '',
  providerId: 'discord',
  message: 'access_denied'
}
[next-auth][error][OAUTH_CALLBACK_ERROR] 
https://next-auth.js.org/errors#oauth_callback_error access_denied {
  message: 'access_denied',
  stack: 'Error: access_denied\n' +
    '    at oAuthCallback (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next-auth/core/lib/oauth/callback.js:37:19)\n' +
    '    at Object.callback (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next-auth/core/routes/callback.js:50:39)\n' +
    '    at NextAuthHandler (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next-auth/core/index.js:139:41)\n' +
    '    at runMicrotasks (<anonymous>)\n' +
    '    at processTicksAndRejections (node:internal/process/task_queues:96:5)\n' +
    '    at async NextAuthNextHandler (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next-auth/next/index.js:20:19)\n' +
    '    at async /Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next-auth/next/index.js:56:32\n' +
    '    at async Object.apiResolver (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next/dist/server/api-utils.js:102:9)\n' +
    '    at async DevServer.handleApiRequest (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next/dist/server/base-server.js:1076:9)\n' +
    '    at async Object.fn (/Users/thomaspeters/Desktop/Web Dev/TechnoBot-Dashboard/node_modules/next/dist/server/base-server.js:963:37)',
  name: 'Error'
}

How to reproduce ☕️

Use NextAuth with a Discord provider and click "cancel" during the authorization process.

Contributing 🙌🏽

No, I am afraid I cannot help regarding this

[TechnoVisionDev]

Anybody have any insight into this? I still am struggling to understand how to handle this!

[joaovitorzv]

Same here using spotify provider, when the authorization is declined the client is redirected to /api/auth/signin?error=Callback which is sign in page. I tried adding a custom pages.signin and it redirects to the sign in custom page but the query parameters seems strange /signin?callbackUrl=http://localhost:3000/&error=Callback and if the user clicks to sign in again the query parameters keeps incrementing.

have you found something about handling this?

[bradparks]

Ever figure out the right way to handle this? I see the same for the discord provider too

[hyd3rs]

'Howdy! I'm also experiencing this issue and I'd preferably like to handle the same error - I don't want to implement my own OAuth request function. Any news on this so far?

[ChiuMungZitAlexander]

Try to add pages in authOptions of your [...nextauth].ts like below.

pages: {
  signIn: "/home",
},

If user clicks cancel button, it will redirect to /home.

[jhigger]

This works, thank you!

[migsdeving]

This works but the error is still thrown, I need to catch it so I don't get error log spammed.