Sign in with apple provider - OAUTH_CALLBACK_ERROR - oauth_callback_error invalid_client

[CesarDav]

I have an error when I start session with apple provider.

This is the error I am getting in the vercel console:

   [next-auth][error][OAUTH_CALLBACK_ERROR] 
    https://next-auth.js.org/errors#oauth_callback_error invalid_client {
      error: OPError: invalid_client
          at processResponse (/var/task/node_modules/openid-client/lib/helpers/process_response.js:38:13)
          at Client.grant (/var/task/node_modules/openid-client/lib/client.js:1327:22)
          at processTicksAndRejections (node:internal/process/task_queues:96:5)
          at async Client.callback (/var/task/node_modules/openid-client/lib/client.js:476:24)
          at async oAuthCallback (/var/task/node_modules/next-auth/core/lib/oauth/callback.js:109:16)
          at async Object.callback (/var/task/node_modules/next-auth/core/routes/callback.js:52:11)
          at async AuthHandler (/var/task/node_modules/next-auth/core/index.js:302:28)
          at async NextAuthApiHandler (/var/task/node_modules/next-auth/next/index.js:22:19)
          at async NextAuth._args$ (/var/task/node_modules/next-auth/next/index.js:107:14)
          at async Object.apiResolver (/var/task/node_modules/next/dist/server/api-utils/node.js:366:9) {
        name: 'OAuthCallbackError',
        code: undefined
      },
      providerId: 'apple',
      message: 'invalid_client'
    }

This is my next auth configuration file:

  import NextAuth, { NextAuthOptions } from 'next-auth';
  import AppleProvider from 'next-auth/providers/apple';
  import GoogleProvider from 'next-auth/providers/google';
  import InstagramProvider from 'next-auth/providers/instagram';
  import { TypeProviderEnum } from 'shared/constants/enums';
  import api from 'WaiterUpApi/api';
  
  export const authOptions: NextAuthOptions = {
	  providers: [
		  GoogleProvider({
			  clientId: process.env.GOOGLE_CLIENT_ID,
			  clientSecret: process.env.GOOGLE_CLIENT_SECRET,
		  }),
		  AppleProvider({
			  clientId: process.env.APPLE_ID,
			  clientSecret: process.env.APPLE_SECRET,
		  }),
		  InstagramProvider({
			  clientId: process.env.INSTAGRAM_CLIENT_ID,
			  clientSecret: process.env.INSTAGRAM_CLIENT_SECRET,
		  }),
	  ],
  
	  cookies: {
		  pkceCodeVerifier: {
			  name: 'next-auth.pkce.code_verifier',
			  options: {
				  httpOnly: true,
				  sameSite: 'none',
				  path: '/',
				  secure: true,
			  },
		  },
		  callbackUrl: {
			  name: '__Secure-next-auth.callback-url',
			  options: {
				  httpOnly: false,
				  sameSite: 'none',
				  path: '/',
				  secure: true,
			  },
		  },
	  },
	  pages: {
		  signIn: '/ratings',
	  },
	  callbacks: {
		  async jwt({ token, account, trigger, session }) {
			  console.warn({ token });
			  console.warn({ account });
			  console.warn({ session });
			  if (trigger === 'update') {
				  token.user = session;
				  return token;
			  }
  
			  if (account) {
				  if (account.type === 'oauth' && account.provider === 'google') {
					  const response = await api.registerClient({
						  email: token.email!,
						  client_token: account.access_token!,
						  name: token.name!,
						  provider: TypeProviderEnum.GOOGLE_ID!,
						  last_name: '',
					  });
  
					  token.user = { ...response.data, isFromOAUHTService: true };
					  return token;
				  }
			  }
			  return token;
		  },
		  async session({ token, session }) {
			  session.user = token.user as any;
			  return session;
		  },
	  },
  };
  
  export default NextAuth(authOptions);

Next version : 12.3.1,
Next-auth version : ^4.18.10

I am using the guide provided by next-auth
https://next-auth.js.org/providers/apple
https://developer.okta.com/blog/2019/06/04/what-the-heck-is-sign-in-with-apple

Note : I only have problems with apple. With google it works perfectly.

[yfenes]

any luck?

[Rohitms]

I'm facing the same issue. Anyone found what is wrong?