24 replies

Getting no session from useSession() with NextAuth

I'm trying to implement a simple "username, password"-CredentialsProvider in my app. I'm using the standard prisma schema from create-t3-app, and just added a "password" prop to the User model.

Im am using the authorize function in the authOptions of NextAuth (

[...nextauth].ts

[...nextauth].ts

) to check if a user with that username exists in my db, and also check if the password matches.
If that's true, I create a new session like

// lifespan of session: 1 day
const expires = new Date();
expires.setDate(expires.getDate() + 1);

await prisma.session.create({
  data: {
    userId: user.id,
    expires,
    sessionToken: await hash(`${Math.random()}`),
  },
});

// lifespan of session: 1 day
const expires = new Date();
expires.setDate(expires.getDate() + 1);

await prisma.session.create({
  data: {
    userId: user.id,
    expires,
    sessionToken: await hash(`${Math.random()}`),
  },
});

and return the user object afterwards.

In my custom login page I trigger NextAuth's signIn function like:

signIn("credentials", {
  redirect: false,
  username,
  password,
});

signIn("credentials", {
  redirect: false,
  username,
  password,
});

If given correct credentials, it's resolved without any errors, and a new session gets created in my db.

Still when I check for session data using

useSession()

useSession()

I always end up getting

null

null

.
I am also missing the session cookie. I only have

next-auth.csrf-token

next-auth.csrf-token

and

next-auth.callback-url

next-auth.callback-url

.

Yes, I am providing the session using

SessionProvider

SessionProvider

in my

pages/_app.tsx

pages/_app.tsx

.

Why is the useSession hook not getting my data? What am I missing?
My head is smoking...

Getting no session from useSession() with NextAuth

[...nextauth].ts

[...nextauth].ts

) to check if a user with that username exists in my db, and also check if the password matches.
If that's true, I create a new session like

// lifespan of session: 1 day
const expires = new Date();
expires.setDate(expires.getDate() + 1);

await prisma.session.create({
  data: {
    userId: user.id,
    expires,
    sessionToken: await hash(`${Math.random()}`),
  },
});

// lifespan of session: 1 day
const expires = new Date();
expires.setDate(expires.getDate() + 1);

await prisma.session.create({
  data: {
    userId: user.id,
    expires,
    sessionToken: await hash(`${Math.random()}`),
  },
});

and return the user object afterwards.

In my custom login page I trigger NextAuth's signIn function like:

signIn("credentials", {
  redirect: false,
  username,
  password,
});

signIn("credentials", {
  redirect: false,
  username,
  password,
});

If given correct credentials, it's resolved without any errors, and a new session gets created in my db.

Still when I check for session data using

useSession()

useSession()

I always end up getting

null

null

.
I am also missing the session cookie. I only have

next-auth.csrf-token

next-auth.csrf-token

and

next-auth.callback-url

next-auth.callback-url

.

Yes, I am providing the session using

SessionProvider

SessionProvider

in my

pages/_app.tsx

pages/_app.tsx

.

Why is the useSession hook not getting my data? What am I missing?
My head is smoking...

Getting no session from useSession() with NextAuth

Similar Threads

Getting no session from useSession() with NextAuth

Similar Threads

Similar Threads

Similar Threads