Skip to main content

Implementing sign out

The signOut method 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#

Looking for older versions of the documentation?
Which UI do you use?
Custom UI
Pre built UI