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 🔐

ReactJS

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:

ReactJS

import {EmailVerification} from 'supertokens-auth-react/recipe/thirdpartyemailpassword';

class EmailVerificationPage extends React.Component {
    render() {
        return (
            <div>
                <EmailVerification/>
            </div>
        )
    }
}