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

export const SSOConnections = () => {
  const stytch = useStytchB2BClient();
  const [connections, setConnections] = useState(null);

  useEffect(() => {
    const fetchConnections = async () => {
      const response = await stytch.sso.getConnections();
      setConnections(response);
    };
    fetchConnections();
  }, [stytch]);

  if (!connections) return <div>Loading...</div>;

  return (
    <div>
      <h3>SAML Connections: {connections.saml_connections.length}</h3>
      <h3>OIDC Connections: {connections.oidc_connections.length}</h3>
    </div>
  );
};
sso.getConnections wraps the Get SSO Connections API endpoint. The organization_id will be automatically inferred from the logged-in session. This method cannot be used to get SSO connections from other .
RBAC Enforced MethodThis method requires a valid Session for a member with permission to perform the Action on the Resource.Before using this method, enable Member actions & organization modifications in the Frontend SDK page. To learn more, see our RBAC guide.

Response

saml_connections
array
The list of SAML Connections owned by this organization.
oidc_connections
array
The list of OIDC Connections owned by this organization.
external_connections
array
The list of External Connections owned by this organization.
request_id
string
Globally unique UUID that is returned with every API call. This value is important to log for debugging purposes; we may ask for this value to help identify a specific API call when helping you debug an issue.
status_code
number
The HTTP status code of the response. Stytch follows standard HTTP response status code patterns, e.g. 2XX values equate to success, 3XX values are redirects, 4XX are client errors, and 5XX are server errors.