NextAuth.js google provider has issue

Next.js
1

Hi there, I have a problem with google provider in NextAuth.js , I configure that completely like The Ultimate Next.js Series course, but I got this error :pensive:

at async Client.callback (webpack-internal:///(rsc)/./node_modules/openid-client/lib/client.js:417:13)
      at async oAuthCallback (webpack-internal:///(rsc)/./node_modules/next-auth/core/lib/oauth/callback.js:118:22)
      at async Object.callback (webpack-internal:///(rsc)/./node_modules/next-auth/core/routes/callback.js:18:79)
      at async AuthHandler (webpack-internal:///(rsc)/./node_modules/next-auth/core/index.js:202:38)
      at async NextAuthRouteHandler (webpack-internal:///(rsc)/./node_modules/next-auth/next/index.js:50:30)
      at async NextAuth._args$ (webpack-internal:///(rsc)/./node_modules/next-auth/next/index.js:84:24)
      at async C:\Users\Mohsen\OneDrive\Desktop\nextjs-proj\node_modules\next\dist\compiled\next-server\app-route.runtime.dev.js:6:61466 {
    name: 'OAuthCallbackError',
    code: undefined
  },
  providerId: 'google',
  message: 'outgoing request timed out after 3500ms'
}

Thanks for Help guys :pray:

2

This won’t make any sense, but try changing your Wi-Fi connection. I tried and now it’s working.

https://github.com/nextauthjs/next-auth/issues/3920#issuecomment-1193369499

3

Most likely it is an issue with your configuration.

Double-check the settings in the google console to make sure the URLs are setup correctly and double-check the variables in the .env file.

One thing that got me was that I used 127.0.0.1 in one spot and localhost in another spot. Another issue I had was using https vs http. Localhost should be http while production server should have https.