4 replies

inferring types on the client, based on plugins added on the server

dgrcode · 2025-04-08T17:01:54.743Z

I have a monorepo, with the `admin` plugin added to the server initialization of `betterAuth`. I was expecting the additional user properties, like `role` would be accessible from `session.user`. Here's my server code: ```ts export const auth = betterAuth({ database: drizzleAdapter(db, { provider: 'pg', schema, usePlural: true, }), emailAndPassword: { enabled: true, }, plugins: [admin()], }); ``` And this is the auth client on the frontend: ```ts export const authClient = createAuthClient({ plugins: [inferAdditionalFields ()], }); ``` Then, when trying to access the `role` property from the `session.user` object, I get: ```text Property 'role' does not exist on type '{ id: string; name: string; email: string; emailVerified: boolean; createdAt: Date; updatedAt: Date; image?: string | null | undefined; }'.ts(2339) ``` FWIW, I can do the following on the client, and I get the actual shape of User: ```ts type Session = Awaited >; type User = NonNullable ['user']; ``` What's the right approach to get the User shape in the client side in the `session` object?

I have a monorepo, with the

admin

admin

plugin added to the server initialization of

betterAuth

betterAuth

. I was expecting the additional user properties, like

role

role

would be accessible from

session.user

session.user

.

Here's my server code:

export const auth = betterAuth({
  database: drizzleAdapter(db, {
    provider: 'pg',
    schema,
    usePlural: true,
  }),
  emailAndPassword: {
    enabled: true,
  },
  plugins: [admin()],
});

export const auth = betterAuth({
  database: drizzleAdapter(db, {
    provider: 'pg',
    schema,
    usePlural: true,
  }),
  emailAndPassword: {
    enabled: true,
  },
  plugins: [admin()],
});

And this is the auth client on the frontend:

export const authClient = createAuthClient({
  plugins: [inferAdditionalFields<typeof auth>()],
});

export const authClient = createAuthClient({
  plugins: [inferAdditionalFields<typeof auth>()],
});

Then, when trying to access the

role

role

property from the

session.user

session.user

object, I get:

Property 'role' does not exist on type '{ id: string; name: string; email: string; emailVerified: boolean; createdAt: Date; updatedAt: Date; image?: string | null | undefined; }'.ts(2339)

Property 'role' does not exist on type '{ id: string; name: string; email: string; emailVerified: boolean; createdAt: Date; updatedAt: Date; image?: string | null | undefined; }'.ts(2339)

FWIW, I can do the following on the client, and I get the actual shape of User:

type Session = Awaited<ReturnType<typeof auth.api.getSession>>;
type User = NonNullable<Session>['user'];

type Session = Awaited<ReturnType<typeof auth.api.getSession>>;
type User = NonNullable<Session>['user'];

What's the right approach to get the User shape in the client side in the

session

session

object?

inferring types on the client, based on plugins added on the server

I have a monorepo, with the

admin

admin

plugin added to the server initialization of

betterAuth

betterAuth

. I was expecting the additional user properties, like

role

role

would be accessible from

session.user

session.user

.

Here's my server code:

export const auth = betterAuth({
  database: drizzleAdapter(db, {
    provider: 'pg',
    schema,
    usePlural: true,
  }),
  emailAndPassword: {
    enabled: true,
  },
  plugins: [admin()],
});

export const auth = betterAuth({
  database: drizzleAdapter(db, {
    provider: 'pg',
    schema,
    usePlural: true,
  }),
  emailAndPassword: {
    enabled: true,
  },
  plugins: [admin()],
});

And this is the auth client on the frontend:

export const authClient = createAuthClient({
  plugins: [inferAdditionalFields<typeof auth>()],
});

export const authClient = createAuthClient({
  plugins: [inferAdditionalFields<typeof auth>()],
});

Then, when trying to access the

role

role

property from the

session.user

session.user

object, I get:

Property 'role' does not exist on type '{ id: string; name: string; email: string; emailVerified: boolean; createdAt: Date; updatedAt: Date; image?: string | null | undefined; }'.ts(2339)

Property 'role' does not exist on type '{ id: string; name: string; email: string; emailVerified: boolean; createdAt: Date; updatedAt: Date; image?: string | null | undefined; }'.ts(2339)

FWIW, I can do the following on the client, and I get the actual shape of User:

type Session = Awaited<ReturnType<typeof auth.api.getSession>>;
type User = NonNullable<Session>['user'];

type Session = Awaited<ReturnType<typeof auth.api.getSession>>;
type User = NonNullable<Session>['user'];

What's the right approach to get the User shape in the client side in the

session

session

object?

inferring types on the client, based on plugins added on the server

Similar Threads

inferring types on the client, based on plugins added on the server

Similar Threads

Similar Threads

Similar Threads