github-starred/better-auth
2
0
Fork 0
mirror of https://github.com/better-auth/better-auth.git synced 2026-05-23 07:18:56 -05:00
Code Issues 2.5k Packages Projects Releases 112 Wiki Activity

useSession doesn't infer types for session data when using admin plugin #1186

New Issue
Closed
opened 2026-03-13 08:27:04 -05:00 by GiteaMirror · 2 comments
GiteaMirror commented 2026-03-13 08:27:04 -05:00
Owner
Copy Link

Originally created by @IamAyaanSk on GitHub (May 9, 2025).

Is this suited for github?

  • Yes, this is suited for github

To Reproduce

  1. Create a next js application with better auth.
  2. Add the admin plugin in both better auth server and client instances.
  3. Use the useSession hook in any client component.
  4. Try accessing the data.user.role.

Current vs. Expected behavior

When accessing the role property in the user object, I got a typescript error stating that role doesn't exist.
Expected behavior:
The admin plugin should automatically extent the session data type when obtaining session data using the useSession hook.

What version of Better Auth are you using?

1.2.7

Provide environment information

- OS: MacOS 15
- Browser: Chrome

Which area(s) are affected? (Select all that apply)

Client

Auth config (if applicable)

import { betterAuth } from 'better-auth'
import { nextCookies } from 'better-auth/next-js'
import { admin } from 'better-auth/plugins'

export const auth = betterAuth({
  database: .....,
  plugins: [admin(), nextCookies()],
  emailAndPassword: {
    .....
  },
  emailVerification: {
    .....
  }
})


// Client

import { createAuthClient } from 'better-auth/react'
import { adminClient } from 'better-auth/client/plugins'

export const authClient = createAuthClient({
  plugins: [adminClient()]
})

Additional context

No response

Originally created by @IamAyaanSk on GitHub (May 9, 2025). ### Is this suited for github? - [x] Yes, this is suited for github ### To Reproduce 1. Create a next js application with better auth. 2. Add the admin plugin in both better auth server and client instances. 3. Use the useSession hook in any client component. 4. Try accessing the data.user.role. ### Current vs. Expected behavior When accessing the role property in the user object, I got a typescript error stating that role doesn't exist. Expected behavior: The admin plugin should automatically extent the session data type when obtaining session data using the useSession hook. ### What version of Better Auth are you using? 1.2.7 ### Provide environment information ```bash - OS: MacOS 15 - Browser: Chrome ``` ### Which area(s) are affected? (Select all that apply) Client ### Auth config (if applicable) ```typescript import { betterAuth } from 'better-auth' import { nextCookies } from 'better-auth/next-js' import { admin } from 'better-auth/plugins' export const auth = betterAuth({ database: ....., plugins: [admin(), nextCookies()], emailAndPassword: { ..... }, emailVerification: { ..... } }) // Client import { createAuthClient } from 'better-auth/react' import { adminClient } from 'better-auth/client/plugins' export const authClient = createAuthClient({ plugins: [adminClient()] }) ``` ### Additional context _No response_
GiteaMirror commented 2026-03-13 08:27:05 -05:00
Author
Owner
Copy Link

@depsimon commented on GitHub (May 9, 2025):

I just noticed the same thing, here's a bit more context: the session.user has this type:

(property) user: {
    id: string;
    name: string;
    email: string;
    emailVerified: boolean;
    createdAt: Date;
    updatedAt: Date;
    image?: string | null | undefined | undefined;
    banned: boolean | null | undefined;
    role?: string | null | undefined;
    banReason?: string | null | undefined;
    banExpires?: Date | null | undefined;
} | {
    id: string;
    name: string;
    email: string;
    emailVerified: boolean;
    createdAt: Date;
    updatedAt: Date;
    image?: string | null | undefined | undefined;
    banned: boolean | null | undefined;
    role?: string | null | undefined;
    banReason?: string | null | undefined;
    banExpires?: Date | null | undefined;
}

which is not compatible with the UserWithRole type because role should either be string or undefined.

@depsimon commented on GitHub (May 9, 2025): I just noticed the same thing, here's a bit more context: the `session.user` has this type: ```ts (property) user: { id: string; name: string; email: string; emailVerified: boolean; createdAt: Date; updatedAt: Date; image?: string | null | undefined | undefined; banned: boolean | null | undefined; role?: string | null | undefined; banReason?: string | null | undefined; banExpires?: Date | null | undefined; } | { id: string; name: string; email: string; emailVerified: boolean; createdAt: Date; updatedAt: Date; image?: string | null | undefined | undefined; banned: boolean | null | undefined; role?: string | null | undefined; banReason?: string | null | undefined; banExpires?: Date | null | undefined; } ``` which is not compatible with the `UserWithRole` type because role should either be string or undefined.
GiteaMirror commented 2026-03-13 08:27:05 -05:00
Author
Owner
Copy Link

@IamAyaanSk commented on GitHub (May 10, 2025):

@depsimon thanks for commenting, but I was asking something else.
My concern was why the session data returned by useSession hook doesn't contain types that were added by the plugin.
Well this was because I was using useSession in the following way:

import { createAuthClient } from "better-auth/react"
const { useSession } = createAuthClient()

But instead I should have used my auth-client that had the plugin in the options.

import { authClient } from "@/lib/auth-client" // I should have used my original authClient
const { useSession } = authClient
@IamAyaanSk commented on GitHub (May 10, 2025): @depsimon thanks for commenting, but I was asking something else. My concern was why the session data returned by useSession hook doesn't contain types that were added by the plugin. Well this was because I was using useSession in the following way: ```ts import { createAuthClient } from "better-auth/react" const { useSession } = createAuthClient() ``` But instead I should have used my auth-client that had the plugin in the options. ```ts import { authClient } from "@/lib/auth-client" // I should have used my original authClient const { useSession } = authClient ```
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
adapter
astro
awaiting external contributor
blocked
breaking
breaking change
bug
c-devops
core
credentials
database
dependencies
devops
devtools
docs
documentation
duplicate
elysia
enhancement
enterprise
expo
express
fastify
good first issue
help wanted
hono
identity
infra
integration
invalid
javascript
locked
maintenance
need-more-information
needs: info
needs: repro
nextjs
nuxt
oauth
organization
P0
payments
perf
platform
plugin
pull-request
Mirrored from GitHub Pull Request
 question
ready
regression
remix
security
social-provider
solid
stale
svelte
tanstack-start
tracking
version-bump
vue
wontfix
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/better-auth#1186
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?