Skip to main content

Handling session expiry

important

This feature is only applicable if you are using our pre built UI, and are using the <SessionAuth> component to protect your routes.

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#

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.

Using the onSessionExpired prop