Currently trying to override the callback theme using `supertokens-auth-react@0.30.2`, using the new...

spoderman

02/03/2023, 2:59 AM

Currently trying to override the callback theme using

supertokens-auth-react@0.30.2

, using the new

ThirdpartyEmailPasswordComponentsOverrideProvider

and overriding the component

ThirdPartySignInAndUpCallbackTheme_Override

. It's the only component that I've tried that I just can't get to work. Wondering if this is an issue with this version or if it's something local to me.

rp_st

02/03/2023, 5:39 AM

hey @spoderman

rp_st

02/03/2023, 5:40 AM

@porcellus can help here - when he is available

spoderman

02/03/2023, 5:42 AM

Thanks! I appreciate the time. Is there any other info I can provide to make the issue easier to resolve?

rp_st

02/03/2023, 5:43 AM

yea. You can send over the supertokens.init frontend code

spoderman

02/03/2023, 5:52 AM

Copy code

tsx
SuperTokensReact.init({
  appInfo: {
    appName: "appname",
    apiDomain: process.env.NEXT_PUBLIC_SUPERTOKENS_BASE_URL as string,
    websiteDomain: process.env.NEXT_PUBLIC_SUPERTOKENS_BASE_URL as string,
    apiBasePath: "/api/auth",
    websiteBasePath: "/auth",
  },
  recipeList: [
    ThirdPartyEmailPasswordReact.init({
      signInAndUpFeature: {
        providers,
      },
    }),
    SessionReact.init(),
  ],
});

rp_st

02/03/2023, 5:53 AM

and the component override code as well please

spoderman

02/03/2023, 5:55 AM

Copy code

tsx
<ThirdpartyEmailPasswordComponentsOverrideProvider
  components={{
    ThirdPartySignInAndUpCallbackTheme_Override: () => (
      <div>callback override content</div>
    ),
  }}
>
  <SuperTokensComponentNoSSR />
</ThirdpartyEmailPasswordComponentsOverrideProvider>;

Instead of wrapping the entire application, I chose to wrap only the auth slug. I have tested the same code wrapping the entire app with the same results.

rp_st

02/03/2023, 5:55 AM

ok ok thanks. Let's wait for @porcellus

porcellus

02/03/2023, 8:34 AM

hi, I'm not a 100% sure - nothing looks obviously wrong here - but the only thing I can think of right now is moving the override provider inside

SuperTokensComponentNoSSR

. I'll check this out in more detail and/or try to reproduce it locally a bit later (~1-1.5hr)

porcellus

02/03/2023, 10:21 AM

I reproduced it locally and it looks like a bug in the SDK; I'll try to figure out a fix soon.

spoderman

02/03/2023, 7:36 PM

That's a relief, I'd hate to waste time. I appreciate you looking into this 🙂

rp_st

02/12/2023, 8:06 AM

hey @spoderman we have released a new version of the supertokens-auth-react SDK which fixes this issue. Please try it out 🙂

rp_st

02/12/2023, 8:06 AM

version 0.31.1

spoderman

02/12/2023, 8:09 AM

I was keeping an eye on that PR. Excited to check it out tomorrow 😁

Previous Next

SuperTokens.com

SuperTokens is an open source authentication solution offering features like: Different types of login: Email / password, Passwordless (OTP or Magic link based).