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/thirdpartyemailpassword";

function NavBar() {
async function onLogout() {
await signOut();
window.location.href = "/";
}
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#

Which frontend SDK do you use?
supertokens-web-js / mobile
supertokens-auth-react