Get Tokens - Stytch Docs

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>
  );
};

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>
  );
};

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.

⌘I

​Response

Response