Skip to main content

Implement Sign Out

The signOut revokes the session on the frontend and backend.

import React from "react";
import { signOut } from "supertokens-auth-react/recipe/session";

function NavBar() {
  async function onLogout() {
    await signOut();
    window.location.href = "/auth"; // or to wherever your logic page is
  }
  return (
    <ul>
      <li>Home</li>
      <li onClick={onLogout}>Logout</li>

    </ul>
  )
}
  • We do not provide any UI for a Sign-out button
  • On success, the signOut function does not redirect the user to another page, so you must redirect the user yourself.
  • The signOut function calls the signout API exposed by the session recipe on the backend.
  • If you call the signOut function whilst the access token has expired, but the refresh token still exists, our SDKs will do an automatic session refresh before revoking the session.

See also​