Hi, I am try to use useSessionContext to get user info in frontend. After I wrap _app with <EmailPas...

PPaii

06/25/2022, 5:57 AM

Hi, I am try to use useSessionContext to get user info in frontend. After I wrap _app with the error shown. What should I do ?

rp_st

06/25/2022, 6:00 AM

hey @PPaii

rp_st

06/25/2022, 6:01 AM

Can you show me some code? Also, are you using NextJS?

PPaii

06/25/2022, 6:01 AM

yes, i am using Next.js

rp_st

06/25/2022, 6:02 AM

have a look at this: https://supertokens.com/docs/emailpassword/nextjs/protecting-route

rp_st

06/25/2022, 6:02 AM

You need to wrap the EmailPasswordAuth component in NextJS'

dynamic

HOC

PPaii

06/25/2022, 6:03 AM

So do i need to wrap in _app.tsx?

rp_st

06/25/2022, 6:03 AM

Yea. But i would not recommend that you wrap your whole app in _app.tsx

rp_st

06/25/2022, 6:04 AM

Only wrap the pages that you want the user to access when they are logged in

rp_st

06/25/2022, 6:04 AM

cause then none of your app pages will be server side rendered.

PPaii

06/26/2022, 3:51 AM

It is possible for me to get user info without warpping ?

rp_st

06/26/2022, 4:40 AM

Yes. You can use the session recipe functions directly like: -

await Session.doesSessionExist()

await Session.getAccessTokenPayloadSecurely()

await Session.getUserId()

PPaii

06/26/2022, 2:10 PM

Thanks. So if I want to use useSessionContext, I need to make sure the page it not SSR. If i want to get user info in SSR page, I need to use the functions

rp_st

06/26/2022, 2:50 PM

Those functions are also for client side only

rp_st

06/26/2022, 2:51 PM

For getting user info in SSR, you can use https://supertokens.com/docs/emailpassword/nextjs/session-verification/in-ssr

Previous Next

SuperTokens.com

SuperTokens is an open source authentication solution offering features like: Different types of login: Email / password, Passwordless (OTP or Magic link based).