Embed in a page ๐
Two steps to achieving this:
- First we disable the full page default implementation
- Then we render the email verification UI wherever we like
Step 1: Disable default implementation ๐
SuperTokens.init({
appInfo: {...},
recipeList: [
ThirdPartyEmailPassword.init({
emailVerificationFeature: {
mode: "REQUIRED",
disableDefaultImplementation: true
},
}),
]
});
If you navigate to /auth/verify-email
, you should not see the widget anymore.
Step 2: Add component ๐
Add the EmailVerification
component in your app:
import {EmailVerification} from 'supertokens-auth-react/recipe/thirdpartyemailpassword';
class EmailVerificationPage extends React.Component {
render() {
return (
<div>
<EmailVerification/>
</div>
)
}
}