<ThirdPartyAuth />
#
AboutThe ThirdPartyAuth
component is used to wrap any component that requires authentication in an application.
import SuperTokens from "supertokens-auth-react";
class App extends React.Component {
render() {
return (
<ThirdPartyAuth>
<Dashboard />
</ThirdPartyAuth>
);
}
}
ThirdPartyAuth
takes a prop calledrequireAuth
which if set tofalse
, will show theDashboard
component even if the user is not logged in.ThirdPartyAuth
also creates a "Session context" which provides the following object to all children components:{
doesSessionExist: boolean,
userId: string,
jwtPayload: any /*JSON object set on the backend*/
}ThirdPartyAuth
will update the session, because it usesSessionAuth
underneath. Read more about session updates in SessionAuth guide.
#
Handle session expiryIf you pass a function to onSessionExpired
prop, it will be called whenever the session expires.
const App = () => {
return (
<ThirdPartyAuth
onSessionExpired={notifyUserAndDisplayPopup}>
<MyComponent />
</ThirdPartyAuth>
)
}
caution
You will need to redirect the user to the login screen in the callback you provide to onSessionExpired
.