It would be printed out on the browser console

You may have to click on some “see more” option or something

@raviagheda I’d be happy to get on a call as well to help debug.

Hey guys, how can I restyle the password reset form without having to enable email verification for all account creations? I found this in the docs: https://supertokens.io/docs/thirdpartyemailpassword/common-customizations/email-verification/embed-in-page , but am wondering how to activate the custom page for password reset. Thanks!

Have you seen this: https://supertokens.io/docs/thirdpartyemailpassword/common-customizations/reset-password/embed-in-page?

Thanks! Does that mean i can't use

EmailPassword.init(....

but have to use

ThirdPartyEmailPassword.init(...

in the frontend?

So for example:

typescript
import EmailPassword, { EmailPasswordAuth } from "supertokens-auth-react/recipe/emailpassword";
import ThirdPartyEmailPassword from 'supertokens-auth-react/recipe/thirdpartyemailpassword';
import Session from "supertokens-auth-react/recipe/session";
import Header from "./Header";
import SignInForm from './components/SignInForm';
import PasswordResetPage from './components/PasswordResetPage';

...

  recipeList: [
    ThirdPartyEmailPassword.init({
      resetPasswordUsingTokenFeature: {
        disableDefaultImplementation: true,
      },
    }),
    EmailPassword.init({
      resetPasswordUsingTokenFeature: {
        disableDefaultImplementation: true,
      },
      useShadowDom: false,

@nim4ze you should not combine recipes

If you are using emailpassword, use that

EmailPassword also has the same feature: https://supertokens.io/docs/emailpassword/common-customizations/reset-password/embed-in-page

So you don't need to use thirdpartyemailpassword.

and then in the `PasswordResetPage.tsx`:

typescript
import React from 'react';
import { ResetPasswordUsingToken } from 'supertokens-auth-react/recipe/thirdpartyemailpassword';
...
class PasswordResetPage extends React.Component<any, HeaderState>{
...
  render() {
return() {
<div>
        <ResetPasswordUsingToken />
</dev>}

You should import from emailpassword and remove the

ThirdPartyEmailPassword.init

See this: https://supertokens.io/docs/emailpassword/common-customizations/reset-password/embed-in-page

okay - tried that --> the sign in page will appear upon password reset

perhaps the error is somewhere else

what route have you added the

ResetPasswordUsingToken

to?

ah, which route should that page be added to?

by default is it

/auth/reset-password

. But since you have disabled the default impl, you can add it to that or any other route..

okay so i have the custom component, and add that to e.g. the same route? let me try

yea.. same route will be easier.. otherwise you will have to add additional config to tell SuperTokens about a diff route.

soo like this?

typescript
     <Router>
        <Switch>
          {getSuperTokensRoutesForReactRouterDom(require("react-router-dom"))}
          <Route path="/auth/reset-password">
            <PasswordResetPage />
          </Route>
          <Route path="/auth">
            <EmailPasswordAuth requireAuth={false}>
              <SignInForm />
            </EmailPasswordAuth>
          </Route>
          <Route path="/">
            <EmailPasswordAuth>
              <App />
            </EmailPasswordAuth>
          </Route>
        </Switch>
      </Router>

Yea.. Maybe you don't need

<EmailPasswordAuth requireAuth={false}>

around the

<SignInForm />

component.

appears to work, thanks!

message has been deleted

Did you call supertokens.init?

On the frontend

Sure, thanks, BTW it's related to process is undefiend under addState function, which can be handle by updating process variable under processState js

yes...