Email undefined for apple id registration on dashboard ...

wwispyco

When a user registers and is redirected to the dashboard page after signing up I am using the following code to get the user information.

import {getKindeServerSession} from "@kinde-oss/kinde-auth-nextjs/server";

export default async function Dashboard() {

const {getUser} = getKindeServerSession();
const user = await getUser();

console.log(user);

return (<div>Dashboard<pre>{JSON.stringify(user, null, 2)}</pre></div>);
}

In the console log on the server the email is undefined.

Why may this be?

41 comments

wwispyco

this is for apple login

CClaire_Kinde

Hi wispyco. So when a user sign up with apple you are not receiving their email address?

CClaire_Kinde

And you are using Next.js

CClaire_Kinde

Did this just start happening or has it never worked as you thought?

wwispyco

I am using next, and i am developing in replit and it was the frist signup I tried

CClaire_Kinde

K thanks. Also, have you asked the Kinde AI to see if it has an answer?

wwispyco

Plain Text

 GET /dashboard 200 in 22ms
{
  id: 'kp_d5ec6ed4fe6d4bb1b657d6bc57488f96',
  email: undefined,
  family_name: 'Kitson',
  given_name: 'Anders',
  picture: 'https://gravatar.com/avatar/6c117141dc341f2b846b54e34468e66b24e4de275cd2a098a66c34b06666483c?d=blank&size=200',
  username: undefined,
  phone_number: undefined
}

wwispyco

I hadn't

CClaire_Kinde

Give it a shot and let me know. #⚡⏐ask-kinde-ai

wwispyco

It suggested this

Plain Text

import { getKindeServerSession } from "@kinde-oss/kinde-auth-nextjs/server";

export default async function Dashboard() {
  const { getUser, refreshTokens } = getKindeServerSession();
  
  // Refresh tokens to get up-to-date Kinde data
  await refreshTokens();
  
  const user = await getUser();

  console.log(user);

  return (<div>Dashboard<pre>{JSON.stringify(user, null, 2)}</pre></div>);
}

But it did not work?

CClaire_Kinde

Did you also check that the email scope is included in the request?

CClaire_Kinde

We cannot control anything on the Apple side. Are you able to sign up with a different apple account and see if the same thing happens?

CClaire_Kinde

Otherwise, might need to wait til our dev who specialises in social connections comes back online.

wwispyco

yeah I am prety sure I have the right permissions ok ill wait

Attachment

CClaire_Kinde

I mean on the Apple side too when you configured your app.

CClaire_Kinde

https://docs.kinde.com/authenticate/social-sign-in/apple/?r=search#configure-sign-in-for-your-app

wwispyco

I have to configure a app on the apple side?

Oh I never did that, thats probably why

CClaire_Kinde

If you follow that doc, it should steer you right. Sometimes Apple changes config and button names etc on their side, but I think this was updated fairly recently. Let us know how you go 🙂

wwispyco

Will do

wwispyco

So I setup all that apple developer stuff and now I am getting less data.

This is the latest response from the AI

The claim result you're seeing indicates that the email claim is not being populated, which could explain why you're not receiving the user's email in the profile data.

This issue could be related to how the social login (in this case, Apple) is configured or how the claims are being processed. Here are a few steps you can take:

Check your Kinde configuration to ensure that email scopes are requested during the authentication process.

Verify that your Apple Sign-In configuration in Kinde is set up correctly and includes the necessary scopes.

Try to refresh the tokens and then get the user data again. According to the NextJS App Router SDK documentation, you can use the refreshTokens() function before getting the user data :

const { getUser, refreshTokens } = getKindeServerSession();
await refreshTokens();
const user = await getUser();
console.log(user);

If the issue persists, you might need to check if the email is being returned in a different claim. You can use the getClaim method to check for other potential claims .

Consider checking the access token directly. You can use the getAccessToken method provided by the SDK :

const { getAccessToken } = getKindeServerSession();
const accessToken = await getAccessToken();
console.log(accessToken);

This might give you more insight into what data is actually being returned from the authentication process.

If after trying these steps you're still not receiving the email or other expected user data, it's possible that there's an issue with how the social login provider (Apple) is configured or how it's interacting with Kinde. In this case, you might need to reach out to Kinde support for further assistance with your specific configuration.

This is the data I am getting back now

Plain Text

GET /dashboard 200 in 111ms
 ✓ Compiled /favicon.ico in 114ms (633 modules)
 GET /favicon.ico 200 in 194ms
 ✓ Compiled in 406ms (927 modules)
{
  id: 'kp_f78188d015d9493f89a71f802f60efec',
  email: undefined,
  family_name: undefined,
  given_name: undefined,
  picture: 'https://gravatar.com/avatar/6c117141dc341f2b846b54e34468e66b24e4de275cd2a098a66c34b06666483c?d=blank&size=200',
  username: undefined,
  phone_number: undefined
}
Email claim: { name: 'email', value: null }

thanks

CClaire_Kinde

So not fixed? I will pass this on to the team and see if they can help.

CClaire_Kinde

Can you tell me your Kinde business and email please.

wwispyco

Business is Lettabird and email is hi@wispy.co

vviv (kinde)

Hi @wispyco , are you able to check if Trust email addresses provided by this connection is ticked in your apple config? (in Kinde UI) Thanks!

wwispyco

Hi it wasn't but I just ticked it now. I get this in my console

Plain Text

 GET /api/auth/register? 307 in 1216ms
 GET /api/auth/kinde_callback?code=redacted&scope=openid%20profile%20email%20offline&state=380436c0af59e45027ce1cfcbbf9 307 in 748ms
{
  id: 'kp_f78188d015d9493f89a71f802f60efec',
  email: undefined,
  family_name: undefined,
  given_name: undefined,
  picture: 'https://gravatar.com/avatar/6c117141dc341f2b846b54e34468e66b24e4de275cd2a098a66c34b06666483c?d=blank&size=200',
  username: undefined,
  phone_number: undefined
}
Email claim: { name: 'email', value: null }
 GET /dashboard 200 in 145ms

vviv (kinde)

hi - apologies, I wasn't able to replicate this on mine. Are you able to check if you're receiving an email with the Kinde Apple app (ie remove your Apple credentials from the config) - just so we can narrow down where the issue may be coming from? thanks!

wwispyco

Ok will do thanks

wwispyco

with the kinde credentials i get

Plain Text

{
  id: 'kp_d5ec6ed4fe6d4bb1b657d6bc57488f96',
  email: undefined,
  family_name: 'Kitson',
  given_name: 'Anders',
  picture: 'https://gravatar.com/avatar/6c117141dc341f2b846b54e34468e66b24e4de275cd2a098a66c34b06666483c?d=blank&size=200',
  username: undefined,
  phone_number: undefined
}
Email claim: { name: 'email', value: null }

vviv (kinde)

hmm are you able to invite vivian@kinde.com as a teammate to your business - i'll take a look ☺️

vviv (kinde)

actually would you also be able to quickly check:

delete the user you created from Apple out of Kinde (as it was initially created without trust emails toggled on)
log in with apple (now with the trust emails on)
check id token

wwispyco

will do

wwispyco

oh where do I delete the user on the apple side somewhere I assume?

vviv (kinde)

ahh sorry, you'll only need to delete it out of Kinde - from admin > users (delete the user you used to sign in w/apple)

wwispyco

that worked, I wonder if the first user sign up captures the email with that toggle on. So do you think if I delete the user and user my credentials it may work? Also is there any advantage to using mine?

vviv (kinde)

sweet good to hear - believe it's a bug, we should be collecting the emails as part of your profile (regardless of trusted or not) so I'll get that fixed up (thanks for flagging).

wwispyco

My only question is, is there a difference between using my apple creds vs kindes? any benefit to using mine?

vviv (kinde)

Hi, sorry are you able to clarify what you mean by Kinde's credentials? email vs single sign on w/Apple? thanks

wwispyco

I meant like the apple client id and apple client secret.

I actually have a second question for you.

I am evaluating switching to expo, but your docs and options to create a expo app are confusing

I see there is docs for the Expo and React Native SDK but there is no option to choose it in the client side app?

Attachments

AAndre @ Kinde

@wispyco we recently launched a Expo SDK, let us know if they solves your needs. https://github.com/kinde-oss/expo

jjamisonsheppard

Edit: Nevermind, got it working! ~~Is there a working example of kinde-oss/expo in use or as a starter kit? The expo-starter-kit I found in kinde-starter-kits is using kinde/js-utils and not the kinde-oss/expo library above~~.

Add a reply

Join on Discord

Welcome to the Kinde community.

Email undefined for apple id registration on dashboard page