Skip to main content

Handling session expiry


A session can expire if:

  • The user has been inactive for too long and their refresh token has expired.
  • The session has been revoked from the backend, but not the frontend.

Using the onSessionExpired prop#

When you use SessionAuth to provide SessionContext to your components, you can a pass function to onSessionExpired prop. This function will be called when the session expires.

import React from "react";import { SessionAuth } from "supertokens-auth-react/recipe/session";import MyComponent from "./myComponent";
const App = () => {    return (        <SessionAuth            onSessionExpired={() => {/* ... */ }}>            <MyComponent />        </SessionAuth>    );}

You will need to either reload the current page or redirect the user to the sign in page if you provide this callback.

What type of UI do you want to use?
Custom UI
Pre built UI