Issue with Sending Email to signIn Function for Storing in DB

[azamshaikh1103]

Hi,

I'm encountering an issue with NextAuth and would appreciate any guidance or support.

Problem
I am using NextAuth for authentication in my application. I want users to stay logged in with Google and also be able to connect multiple social platforms. My goal is to store the access_token of other platforms using user's email address in my database when they sign in, regardless of the provider they use. And the email is being fetched from the session after user login with google.

Current Implementation
Here is how I am currently attempting to handle the sign-in process:

Page.tsx

  const handleConnect = (provider: string) => {
    const userEmail = session.user?.email as string;

    signIn(provider, {
      callbackUrl: `${window.location.origin}/api/auth/callback/${provider}`,
      redirect: true,
      email: userEmail,
    }).then((response) => {
      if (response?.error) {
        console.error("Error connecting", response.error);
      } else {
        console.log("Token:", response);
      }
    });
  };

nextauth page:

    async signIn({
      user,
      account,
      email,
    }: {
      user: CustomUser;
      account: Account | null;
      email?: string;
    }) {
      try {

        if (account?.provider == "google") {
          const payload = {
            email: user.email,
            name: user.name,
            oauth: account?.providerAccountId,
            image: user?.image,
          };

          const { data } = await axios.post(LOGIN_URL, payload);
          user.id = data?.user?.id.toString();
          user.token = data?.user?.token;
        } else {
          const { data } = await axios.post(APP_URL, {
            email: email,
            provider: account?.provider,
            accessToken: account?.access_token,
          });
        }
        return true;
      } catch (error) {
        console.log("Catch error", error);
        return false;
      }
    },
  },

Issue
The email field is sometimes coming as undefined, and I’m not sure if it’s being handled correctly by the signIn function or if I’m missing something in the configuration.

Expected Behavior
Users should be able to stay logged in with Google.
Users should be able to connect multiple social platforms.
The email address of the user should be sent to the signIn function and stored in the database.