Implementing sign out

ReactJS
Angular
Vue

The signOut method revokes the session on the frontend and backend.

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

function NavBar() {
  async function onLogout() {
    await signOut();
    window.location.href = "/";
  }
  return (
    <ul>
      <li>Home</li>
      <li onClick={onLogout}>Logout</li>

    </ul>
  )
}

The signOut method revokes the session for the user.

import Session from "supertokens-web-js/recipe/session";

async function logout () {
  await Session.signOut(); 
  window.location.href = "/";
}

The signOut method revokes the session for the user.

import Session from "supertokens-web-js/recipe/session";

async function logout () {
  await Session.signOut(); 
  window.location.href = "/";
}

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#