Hi guys, I am trying to integrate Supertokens with...
# support-questions-legacy
r
Hi guys, I am trying to integrate Supertokens with Next.js 13, and am using
supertokens-web-js
. In the example I see you guys are using:
import SuperTokensReact, { SuperTokensWrapper } from 'supertokens-auth-react'
so the" SuperTokensWrapper" from the
supertokens-auth-react
package. Is there an equivalent in the
supertokens-web-js
package so that I can wrap my pages from the app router?
r
Hey. There isn’t. But, you can use supertokens-auth-react and not use our pre built UI. And then it would be the same thing as using web-js, but you would have that wrapper.
r
Can I use them both at the same time?
r
Yea
The auth-react package depends on web-js anyway
r
Cool! trying to implement pages/app router both on nextjs 13 now for a new project, might ask some more questions if needed
hmm I see that when importing this from auth-react:
Copy code
return ThirdParty.getAuthorisationURLWithQueryParamsAndSetState({
      thirdPartyId,
      
      authorisationURL,
    })
  }
the authorisationURL doesnt exist anymore:
Copy code
rgument of type '{ thirdPartyId: "google" | "apple" | "github"; authorisationURL: string; }' is not assignable to parameter of type '{ thirdPartyId: string; frontendRedirectURI: string; redirectURIOnProviderDashboard?: string | undefined; userContext?: any; options?: RecipeFunctionOptions | undefined; }'.
  Object literal may only specify known properties, and 'authorisationURL' does not exist in type '{ thirdPartyId: string; frontendRedirectURI: string; redirectURIOnProviderDashboard?: string | undefined; userContext?: any; options?: RecipeFunctionOptions | undefined; }'.ts
nevermind, i see many differences, will not migrate to app router yet
4 Views