admiralackbar411 Posts - Answer Overflow

admiralackbar411

•Created by admiralackbar411 on 6/7/2023 in #questions

How to get Next-Auth session to include custom properties

I'm working on an app which uses the Next-Auth credentials provider - I'm running into a few related problems when it comes to adding some of my data into the session object and token. I want to add in the username, role, id and profile image of a user to the session and token, and after adding an interface for session, JWT and user in my types definition I have managed to get the token including such fields, but session only has the original default properties in the session object - perhaps related to this, when I useSession and log it on a client-side component I see all my session object as it should be, but reloading the page then gets rid of it (I'm guessing due to the session issue). Below is my callbacks and types definition for next-auth - I've look around a lot triyng to figure this out and keep running into more problems, so any help figuring this out would be greatly appreciated!

  callbacks: {
    async jwt({ token, user }) {
      if (user) {
        token.username = user.username;
        token.profileImage = user.profileImage;
        token.role = user.role;
        token.id = user.id;
      }
      return token;
    },
    async session({ session, token }) {
      console.log({ session, token })
      
      if (token) {
        session.user.username = token.username;
        session.user.profileImage = token.profileImage;
        session.user.role = token.role;
        session.user.id = token.id;
        return session
      }
    }

  callbacks: {
    async jwt({ token, user }) {
      if (user) {
        token.username = user.username;
        token.profileImage = user.profileImage;
        token.role = user.role;
        token.id = user.id;
      }
      return token;
    },
    async session({ session, token }) {
      console.log({ session, token })
      
      if (token) {
        session.user.username = token.username;
        session.user.profileImage = token.profileImage;
        session.user.role = token.role;
        session.user.id = token.id;
        return session
      }
    }

declare module "next-auth/jwt" {
  interface JWT {
    id: string
    role?: string
    username?: string
    profileImage?: string
  }
}

declare module "next-auth" {
  interface Session {
    user?: {
      id: string;
      role: string;
      profileImage: string;
      username: string;
    } & DefaultSession["user"];
  }

  interface User {
    id: string;
    role: string;
    profileImage: string;
    username: string;
  }
}

declare module "next-auth/jwt" {
  interface JWT {
    id: string
    role?: string
    username?: string
    profileImage?: string
  }
}

declare module "next-auth" {
  interface Session {
    user?: {
      id: string;
      role: string;
      profileImage: string;
      username: string;
    } & DefaultSession["user"];
  }

  interface User {
    id: string;
    role: string;
    profileImage: string;
    username: string;
  }
}

11 replies

Gaming

Programming