lavenderlav
04/30/2022, 4:01 PMrp
04/30/2022, 4:02 PMlavenderlav
04/30/2022, 4:03 PMsupertokens-auth-react
?rp
04/30/2022, 4:03 PMlavenderlav
04/30/2022, 4:03 PMrp
04/30/2022, 4:03 PMlavenderlav
04/30/2022, 4:03 PMts
import * as stAuth from 'supertokens-auth-react';
import { frontendConfig } from '@/constants/supertokens';
import * as stSessions from "supertokens-auth-react/recipe/session";
rp
04/30/2022, 4:03 PMlavenderlav
04/30/2022, 4:04 PMrp
04/30/2022, 4:04 PMlavenderlav
04/30/2022, 4:05 PMrp
04/30/2022, 4:05 PMlavenderlav
04/30/2022, 4:05 PMrp
04/30/2022, 4:05 PMlavenderlav
04/30/2022, 4:06 PMrp
04/30/2022, 4:06 PMlavenderlav
04/30/2022, 4:06 PMts
const SessionAuthNoSSR = dynamic(
new Promise<any>((res) =>
res(SessionRecipe.SessionAuth)
),
{ ssr: false }
)
return (
<SessionAuthNoSSR>
the ui here
</SessionAuthNoSSR>
)
rp
04/30/2022, 4:06 PMlavenderlav
04/30/2022, 4:07 PMrp
04/30/2022, 4:08 PMlavenderlav
04/30/2022, 4:08 PMrp
04/30/2022, 4:09 PMlavenderlav
04/30/2022, 4:09 PMts
if (typeof window !== 'undefined') {
// we only want to call this init function on the frontend, so we check typeof window !== 'undefined'
initialize()
}
export function app etc.
rp
04/30/2022, 4:09 PMlavenderlav
04/30/2022, 4:10 PMrp
04/30/2022, 4:11 PMlavenderlav
04/30/2022, 4:11 PMuseSessionContext()
doesSessionExist returns falsedoesSessionExist()
manually, it returns true (the correct one)rp
04/30/2022, 4:12 PMlavenderlav
04/30/2022, 4:13 PMts
const SessionAuthNoSSR = dynamic(
new Promise<any>((res) =>
res(SessionRecipe.SessionAuth)
),
{ ssr: false }
)
const App = ({ dataProps }) => {
const router = useRouter()
let a = useSessionContext();
useEffect(() => {
console.log(a)
// if (!doesSessionExist) {
// console.warn('session does not exist, returning.')
// router.replace('/auth')
// }
}, [a])
return (
<SessionAuthNoSSR>
{(() => {
console.log('init supertokens first')
})()}
-- more stuff here --
</SessionAuthNoSSR>
)
}
rp
04/30/2022, 4:13 PMlavenderlav
04/30/2022, 4:14 PMrp
04/30/2022, 4:14 PMlavenderlav
04/30/2022, 4:14 PMrp
04/30/2022, 4:15 PMlavenderlav
04/30/2022, 4:16 PMrp
04/30/2022, 4:17 PMlavenderlav
04/30/2022, 4:17 PM_app.tsx
?rp
04/30/2022, 4:17 PMlavenderlav
04/30/2022, 4:18 PM