https://supertokens.com/ logo
Title
v

Vaiva

11/06/2022, 6:55 PM
Hey. I have one more small question. For forms dropdown I used additional libraries like: react-phone-number-input and react-select. Once I overwrote default forms in recipe both libraries designs collapsed. Do you have any suggestions how to fix that?
r

rp

11/07/2022, 4:46 AM
Hey! What do you mean by designs collapsed? Are there any errors on the browser console?
Or any messages related to emotion library
v

Vaiva

11/07/2022, 7:35 AM
I do use emotion v11 but unfortunately no errors in console. This is how designs looks like when just created (not connected to the recipe) and how it changed when I used overwrite metho :/
r

rp

11/07/2022, 8:05 AM
Instead of using component override, can you disable the default UI entierly and then just render your UI on the login page?
You can disable the login UI completely by setting the
disableDefaultUI
flag as shown here: https://supertokens.com/docs/passwordless/common-customizations/embed-sign-in-up-form
v

Vaiva

11/07/2022, 9:41 AM
you are right. It did help. strange tho that overwriting breaks designs in libraries
r

rp

11/07/2022, 9:51 AM
yea.. very strange. We use emotion as well in the lib.. maybe that's causing some issue. Anyway, we plan on removing use of emotion from our lib very soon