Skip to main content
import { useState } from 'react';
import { useStytchB2BClient, SessionTokens } from '@stytch/react/b2b';

export const GetSessionTokens = () => {
  const stytch = useStytchB2BClient();
  const [sessionTokens, setSessionTokens] = useState<SessionTokens | null>(null);

  // Callback to retrieve session tokens on demand
  const handleGetTokens = () => {
    const tokens = stytch.session.getTokens();
    setSessionTokens(tokens);
  };

  return (
    <div>
      <button onClick={handleGetTokens}>Get Session Tokens</button>
      {sessionTokens && (
        <div>
          <p>Session Token: {sessionTokens.session_token}</p>
          <p>Session JWT: {sessionTokens.session_jwt}</p>
        </div>
      )}
    </div>
  );
};
Returns the session_token and session_jwt values associated with the logged-in user’s active session. Session tokens are only available if:
  • There is an active session, and
  • The session is not managed via HttpOnly cookies.
If either of these conditions is not met, session.getTokens will return null.
The Stytch SDK stores the session_token and session_jwt values as session cookies in the user’s browser.Those cookies will be automatically included in any request that your frontend makes to a service (such as your backend) that shares the domain set on the cookies, so in most cases, you will not need to explicitly retrieve the session_token and session_jwt values using the getTokens() method.

​
Response

​
session_token
string | null
The session token for the active session, or null if there is no active session or if the session is managed via HttpOnly cookies.
​
session_jwt
string | null
The session JWT for the active session, or null if there is no active session or if the session is managed via HttpOnly cookies.