intl-tel-input consumes 80% of bundle size of library in case of passwordless is enabled

[komarovalexander]

hi team intl tel input has size 423kb, which is more than 80% of size the whole library. In my case we do not need phone authorization

is there a way not to include intl-tel-input? or make it as lazy component? thanks!

[rishabhpoddar]

Hey @komarovalexander which version of the SDK are you using? The passwordless recipe is not 105kb (for production builds). The size was reduced in version >= 0.30.0.

[komarovalexander]

Hi @rishabhpoddar I use all recipes of "supertokens-auth-react": "^0.31.1", "supertokens-web-js": "^0.5.0",

I have create-react-app build it analyze it using source-map-explorer

I found that passwordless is the reason of big size: If I include into recipeList

import Passwordless from 'supertokens-auth-react/recipe/passwordless';
//.....
   Passwordless.init({
                contactMethod: 'EMAIL',
                signInUpFeature: {
                    disableDefaultUI: true,
                },
                useShadowDom: false,
                style: resetPassStyle,
            }),

I have

If I remove passwordless I have:

as I have contactMethod: 'EMAIL', is there a way not to include intl-tel-input to the main bundle of my app? as you can see it consumes 423kb

[rishabhpoddar]

Right i see. There is no way to remove that library at the moment, unless you fork and remove it yourself and use that instead. I'll keep this issue open until we can come up with a better fix.

[kartojal]

is there any solution for this? supertokens-auth-react is taking 80% of my bundle size

[rishabhpoddar]

@kartojal which version of the supertokens-auth-react SDK are you using?