Skip to main content
import { useStytchSession } from '@stytch/nextjs';

export const SessionInfo = () => {
  const { session, isInitialized } = useStytchSession();

  if (!isInitialized) {
    return <p>Loading...</p>;
  }

  return session ? <p>Session ID: {session.session_id}</p> : <p>No active session</p>;
};
{
  "session": { ... },
  "isInitialized": true,
  "fromCache": false
}
To get the active Session for the currently signed in User, use the useStytchSession hook. If no User is signed in, the returned value will be null. In non-React environments, use the session.getSync method to get the Session.

Return Value

session
object | null
The current Session.
fromCache
boolean
Whether the Session data is from persistent storage.