Error: Callback for provider type oauth not supported | VK Provider client_id is undefined

[nikitaSobolev2]

Question 💬

Error: Callback for provider type oauth not supported

URL: http://localhost:3000/api/auth/callback/vk?code=MY_CODE&state=MY_STATE

[next-auth][error][OAUTH_CALLBACK_ERROR] 
https://next-auth.js.org/errors#oauth_callback_error invalid_client (client_id is undefined) {
  error: {
    message: 'invalid_client (client_id is undefined)',
    stack: 'OPError: invalid_client (client_id is undefined)\n' +
      '    at processResponse (D:\\JS\\vk-copy\\node_modules\\openid-client\\lib\\helpers\\process_response.js:38:13)\n' +
      '    at Client.grant (D:\\JS\\vk-copy\\node_modules\\openid-client\\lib\\client.js:1338:22)\n' +
      '    at processTicksAndRejections (node:internal/process/task_queues:96:5)\n' +
      '    at async Client.oauthCallback (D:\\JS\\vk-copy\\node_modules\\openid-client\\lib\\client.js:610:24)\n' +
      '    at async oAuthCallback (D:\\JS\\vk-copy\\node_modules\\next-auth\\core\\lib\\oauth\\callback.js:117:16)\n' +
      '    at async Object.callback (D:\\JS\\vk-copy\\node_modules\\next-auth\\core\\routes\\callback.js:50:11)\n' +
      '    at async NextAuthHandler (D:\\JS\\vk-copy\\node_modules\\next-auth\\core\\index.js:133:28)\n' +
      '    at async NextAuthNextHandler (D:\\JS\\vk-copy\\node_modules\\next-auth\\next\\index.js:20:19)\n' +
      '    at async D:\\JS\\vk-copy\\node_modules\\next-auth\\next\\index.js:56:32\n' +
      '    at async Object.apiResolver (D:\\JS\\vk-copy\\node_modules\\next\\dist\\server\\api-utils.js:102:9)',
    name: 'OPError'
  },
  providerId: 'vk',
  message: 'invalid_client (client_id is undefined)'
}

Hey guys!

I got this error when i was trying to auth with VK provider.

So i checked module's files and found this line:
node_modules/next-auth/core/lib/oauth/callback.js; line: 114

if ((_provider$token2 = provider.token) !== null && _provider$token2 !== void 0 && _provider$token2.request) {
  const response = await provider.token.request({
    provider,
    params,
    checks,
    client
  });
  tokens = new _openidClient.TokenSet(response.tokens);
} else if (provider.idToken) {
  tokens = await client.callback(provider.callbackUrl, params, checks);
} else {
  // ERROR IS HERE
  tokens = await client.oauthCallback(provider.callbackUrl, params, checks);
}

provider.callbackUrl, params, checks: (states are the same)

My VK provider (data is correct):

providers: [
    VkProvider({
        clientId: process.env.VK_ID,
        clientSecret: process.env.VK_SECRET,
        authorization: LOGIN_URL,

    }),
],
secret: process.env.JWT_SECRET,
pages: {
    signIn: '/login'
}

Also my VK App:

DOC: https://next-auth.js.org/providers/vk

How to reproduce ☕️

[...nextauth].js

import VkProvider from "next-auth/providers/vk"
import { LOGIN_URL } from "../../../lib/vk"
import NextAuth from "next-auth"

export default NextAuth({
    providers: [
        VkProvider({
            clientId: process.env.VK_ID,
            clientSecret: process.env.VK_SECRET,
            authorization: LOGIN_URL,

        }),
    ],
    secret: process.env.JWT_SECRET,
    pages: {
        signIn: '/login'
    },
    callbacks: {
        async jwt({token, account}) {
            console.log(token, account)
            if (account) {
                return {
                    ...token,
                    accessToken: account.access_token,
                }
            }
          },
        async session({session, token, user}) {
            session.accessToken = token.accessToken;
            return session
        }
    }
  })

LOGIN_URL

const apiVersion = "5.126"

const scopes = [
    'offline',
    'wall',
    'friends',
    'email'
].join(',')

const params = {
    client_id: process.env.VK_ID,
    scope: scopes,
    response_type: 'code',
    v: apiVersion,
    display: 'page'

}
const queryParamString = new URLSearchParams(params)
const LOGIN_URL = `https://oauth.vk.com/authorize?${queryParamString.toString()}`

export {LOGIN_URL}

Contributing 🙌🏽

Yes, I am willing to help answer this question in a PR
Thanks for any help

[alexTayanovsky]

Made a PR to fix this issue #3709

[starkovio]

@alexTayanovsky great job. Can someone test and merge the fix?

[vladkrutenyuk]

@H1ako dude, had you solved this? I have the same problem now((

[nikitaSobolev2]

@H1ako dude, had you solved this? I have the same problem now((

Actually, I could not solve the problem. Instead, i used vk authorize url and it's methods ([DOC](https://vk.com/dev/manuals)).