import error

Question

Hello Why can t I import the ui in react ``` import getSuperTokensRoutesForReactRouterDom from supertokens auth react ``` It tells me that it can t find a module with that name Framework React Vitejs Typescript Additional information without vitejs using create react app everything works perfectly

rp · Answer

hey < PATETO> the sdk you are using is the latest one We will be updating our docs today to reflect the new API Stay tuned

PATETO · Answer

< rp> Thank you so much

rp · Answer

we just released the new docs Empty cache and Hard reload the page If it doesn t show the new import statement change the `supertokens com` domain to `test supertokens com` and see the content there

PATETO · Answer

< rp> I just tested with the new import ``import getSuperTokensRoutesForReactRouterDom from supertokens auth react ui `` and the problem persists Error message in VSCode ``` Module supertokens auth react ui has no exported member getSuperTokensRoutesForReactRouterDom Did you mean to use import getSuperTokensRoutesForReactRouterDom from supertokens auth react ui instead ``` Additional information I have the impression that probably Vitejs can t import some SuperToken module Because I created a blank project with Vitejs and I still have the same problem

rp · Answer

Which version of the SDK are you using

rp · Answer

Maybe you can open an issue about this on our GitHub We will check it out asap

PATETO · Answer

Je suis désolé c est sûrement moi qui utilise mal SuperTokens après avoir utiliser la nouvelle syntaxe d import cela marchait mais TypeScript m affiche toujours la même erreur j ai pas réussi à l enlever Ce qui me pose aussi un problème maintenant c est de l utilisation avec ``createBrowserRouter`` je n arrive pas à le faire marcher Je ne peut pas utiliser ``createBrowserRouter`` Doit je obligatoirement utiliser la ``<BrowserRouter>`` comme dans la documentation J ai vu cette discussion mais je ne sais pas comment l implémenter https stackoverflow com a 74510386 https cdn discordapp com attachments 1103350642623389756 1103456879998410842 Capture decran 2023 05 03 a 21 10 50 png

PATETO · Answer

Update that work My source https cloud tencent com developer ask sof 107461868 On the other hand why typescript does not find ``getSuperTokensRoutesForReactRouterDom`` and tell me ``` Module supertokens auth react ui has no exported member getSuperTokensRoutesForReactRouterDom Did you mean to use import getSuperTokensRoutesForReactRouterDom from supertokens auth react ui instead ```

rp · Answer

which version of the supertokens auth react sdk are you using

PATETO · Answer

In my package json `` supertokens auth react ^0 32 0 ``

rp · Answer

right So the import should work

rp · Answer

try importing from `supertokens auth react ui index`

PATETO · Answer

Same error

PATETO · Answer

Maybe it s my tsconfig Or vite config

PATETO · Answer

Yes when I added `` ui`` It worked but I have a typescript error on my editor only so I did a ts ignore To ignore the typescript error I was just wondering why typescript fails to import properly

PATETO · Answer

But on browser it works fine

rp · Answer

im not sure Does using tsc on CLI give the same error

rp · Answer

cause it might just be an editor issue and not actually a TS issue

PATETO · Answer

I have the same error using tcs command

rp · Answer

Oh Oil you please open an issue about this

rp · Answer

On our GitHub

PATETO · Answer

okey I ll do it

rp · Answer

thanks

PATETO · Answer

I just did it Thank for you for listening

rp · Answer

great thanks for opening the issue We will see what s happening