Skip to main content
import { useState } from 'react';
import { useStytch } from '@stytch/react';

export const RevokeConnectedAppButton = () => {
const stytch = useStytch();
const [isRevoking, setIsRevoking] = useState(false);

const revoke = async () => {
  setIsRevoking(true);
  await stytch.user.revokeConnectedApp({
    connected_app_id: 'connected-app-id',
  });
  setIsRevoking(false);
};

return (
  <button onClick={revoke} disabled={isRevoking}>
    {isRevoking ? 'Revoking...' : 'Revoke access'}
  </button>
);
};

{
  "status_code": 200,
  "request_id": "request-id-test-b05c992f-ebdc-489d-a754-c7e70ba13141"
}
user.revokeConnectedApp() wraps the User Revoke Connected App API endpoint. The user_id will be automatically inferred from the logged-in user’s session. This method revokes a Connected App’s access to the user and revokes all active tokens that have been created on the user’s behalf. New tokens cannot be created until the user completes a new authorization flow with the Connected App. Note that after calling this method, the user will be forced to grant consent in subsequent authorization flows with the Connected App.

​
Parameters

​
connected_app_id
string
The ID of the Connected App.

​
Response

​
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.