Google and GitHub OAuth Token

[mdajminpradhan]

Question 💬

Hey there!

I am new to nextauth and trying to get a token once the user is authorized. I am little bit confused after reading docs. So I am here to ask

[...nextauth].js

import NextAuth from "next-auth";
import Providers from "next-auth/providers";

export default NextAuth({
  providers: [
    Providers.Google({
      clientId: process.env.GOOGLE_CLIENT_ID,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET,
      scope:
        "https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email",
      authorizationUrl:
        "https://accounts.google.com/o/oauth2/v2/auth?prompt=consent&access_type=offline&response_type=code",
      accessTokenUrl: "https://oauth2.googleapis.com/token",
    }),
    Providers.GitHub({
      clientId: process.env.GITHUB_CLIENT_ID,
      clientSecret: process.env.GITHUB_CLIENT_SECRET,
      scope: "read:user read:org",
    }),
  ]
});

My current response

GitHub -

expires: "2021-12-09T09:58:24.692Z"
email: null
​​image: "https://avatars.githubusercontent.com/u/63228592?v=4"
​name: "Md Ajmin Pradhan"

Google - Kind of same response

How I am getting these?

import { signIn, signOut, useSession } from "next-auth/client";

export default Login = () => {

    const [session, loading] = useSession();
    console.log(session);

}`

### How to reproduce ☕️

**[...nextauth].js**

`import NextAuth from "next-auth";
import Providers from "next-auth/providers";

export default NextAuth({
  providers: [
    Providers.Google({
      clientId: process.env.GOOGLE_CLIENT_ID,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET,
      scope:
        "https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email",
      authorizationUrl:
        "https://accounts.google.com/o/oauth2/v2/auth?prompt=consent&access_type=offline&response_type=code",
      accessTokenUrl: "https://oauth2.googleapis.com/token",
    }),
    Providers.GitHub({
      clientId: process.env.GITHUB_CLIENT_ID,
      clientSecret: process.env.GITHUB_CLIENT_SECRET,
      scope: "read:user read:org",
    }),
  ]
});

Component

import { signIn, signOut, useSession } from "next-auth/client";

export default Login = () => {

    const [session, loading] = useSession();
    console.log(session);

}

Contributing 🙌🏽

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

[balazsorban44]

https://next-auth.js.org/v3/configuration/callbacks#jwt-callback
https://next-auth.js.org/v3/configuration/callbacks#session-callback