Skip to main content
Docs

useSessionList()

The useSessionList() hook returns an array of objects that have been registered on the client device.

Returns

  • Name
    isLoaded
    Type
    false
    Description

    A boolean that indicates whether Clerk has completed initialization. Initially false, becomes true once Clerk loads.

  • Name
    sessions
    Type
    undefined
    Description

    A list of sessions that have been registered on the client device.

  • Name
    setActive
    Type
    undefined
    Description

    A function that sets the active session and/or organization. See the .

NameType
isLoadedtrue
sessions[]
setActiveSetActive

Example

Get a list of sessions

The following example uses useSessionList() to get a list of sessions that have been registered on the client device. The sessions property is used to show the number of times the user has visited the page.

src/routes/page.tsx
import { useSessionList } from '@clerk/chrome-extension'

export default function Home() {
  const { isLoaded, sessions } = useSessionList()

  if (!isLoaded) {
    // Handle loading state
    return null
  }

  return (
    <div>
      <p>Welcome back. You've been here {sessions.length} times before.</p>
    </div>
  )
}

Feedback

What did you think of this content?

Last updated on