https://supertokens.com/ logo
difference between component override and building your own UI
h

hwihwi

04/02/2023, 6:06 PM
Hi team, About supertokens-auth-react, to render sign in form by myself What it the difference between using ThirdpartyPasswordlessComponentsOverrideProvider like below and https://supertokens.com/docs/thirdpartypasswordless/common-customizations/embed-sign-in-up-form#step-2-render-the-component-yourself ?
<ThirdpartyPasswordlessComponentsOverrideProvider
        components={{
          ThirdPartyPasswordlessHeader_Override: ({ DefaultComponent, ...props }) => {
            return <CustomLoginPage />;
          },
        }}
      >
// ...
</ThirdpartyPasswordlessComponentsOverrideProvider>
r

rp

04/03/2023, 5:21 AM
Hi @hwihwi Overriding
ThirdPartyPasswordlessHeader_Override
allows you to only change how the header of the form looks. Whereas embedding the component or disabling the default UI and building your own component will allow you more flexibility.