<ThirdPartyEmailPasswordAuth />
#
#
AboutThe ThirdPartyEmailPasswordAuth
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 ( <ThirdPartyEmailPasswordAuth> <Dashboard /> </ThirdPartyEmailPasswordAuth> ); }}
ThirdPartyEmailPasswordAuth
takes a prop calledrequireAuth
which if set tofalse
, will show theDashboard
component even if the user is not logged in.ThirdPartyEmailPasswordAuth
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*/}
ThirdPartyEmailPasswordAuth
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 ( <ThirdPartyEmailPasswordAuth onSessionExpired={notifyUserAndDisplayPopup}> <MyComponent /> </ThirdPartyEmailPasswordAuth> )}
caution
You will need to redirect the user to the login screen in the callback you provide to onSessionExpired
.