Hello. I really need help. I'm trying to fully overwrite forms frontend and leave default backend. I'm using this: https://supertokens.com/docs/thirdpartyemailpassword/advanced-customizations/react-component-override/usage. Is there a way to connect totally separate custom form (without DefaultComponent) to have the same logic as the default one does? How do I connect inputs or email verification function?

Hey @Vaiva

I made the form myself. Overwrote the frontend part with EmailPasswordSignInHeader_Override. and I want to know how to connect inputs and email verification logic it with SuperTokens existing backend.

ah i see. So you can checkout the build your own UI section in the docs. Just one thing, the code snippets in there use

supertokens-web-js

as the import statement. You can still use

supertokens-auth-react

instead.

Unfortunately this always gives me this error: Error: No instance of ThirdPartyEmailPassword found. Make sure to call the ThirdPartyEmailPassword.init method.

What is the import statement?

import { emailPasswordSignUp } from "supertokens-auth-react/recipe/thirdpartyemailpassword"

Ok that’s fine

I think it's mayybe because in frontend config I use: EmailPassword.init({ override: { components: { EmailPasswordSignUp_Override: ({ DefaultComponent, ...props }) => {

At right

and not: ThirdPartyEmailPassword.init({ override: { components: {

So you have initialised a different recipe

but ThirdPartyEmailPassword is not able to overwrite full form. just header, footer and so on

You can disable the entire sign up / sign in ui, and then just make your own

I want to use emailpassword recipe because it's the other one wasn't able to overwrite form completely. And I just want to find the function which I could pass to button click on submit. I don't even need to customise it. Maybe it's somewhere hidden in the library.

Checkout the emailpassword docs then. Same section in there

omg you are my saviour. Thank you very much. Support 10/10

I'm actually seeing the same error, but I'm calling

ThirdPartyEmailPassword.init()

I see it when trying to call getAuthorisationURLWithQueryParamsAndSetState() for

google

. I'm following the guide here: https://supertokens.com/docs/thirdpartyemailpassword/custom-ui/thirdparty-login. Any idea what I might be missing?

Hey @Garrett This usually happens if you have forgotten to call the init function, or, if you are doing server side rendering, then make sure that this function, and the init call both only happen on the frontend.

The import was it. I was importing the recipe from

supertoken-auth-react

but the

getAuthorisationURL...

from

web-js

Cool!