diff --git a/apps/web/components/Shell.tsx b/apps/web/components/Shell.tsx index 2464f0f7..a9ece1da 100644 --- a/apps/web/components/Shell.tsx +++ b/apps/web/components/Shell.tsx @@ -57,9 +57,10 @@ function useRedirectToLoginIfUnauthenticated() { const { data: session, status } = useSession(); const loading = status === "loading"; const router = useRouter(); + const shouldDisplayUnauthed = router.pathname.startsWith("/apps"); useEffect(() => { - if (router.pathname.startsWith("/apps")) { + if (shouldDisplayUnauthed) { return; } @@ -76,6 +77,7 @@ function useRedirectToLoginIfUnauthenticated() { return { loading: loading && !session, + shouldDisplayUnauthed, session, }; } @@ -134,7 +136,7 @@ export default function Shell(props: { }) { const { t } = useLocale(); const router = useRouter(); - const { loading, session } = useRedirectToLoginIfUnauthenticated(); + const { loading, shouldDisplayUnauthed } = useRedirectToLoginIfUnauthenticated(); const { isRedirectingToOnboarding } = useRedirectToOnboardingIfNeeded(); const telemetry = useTelemetry(); @@ -207,7 +209,7 @@ export default function Shell(props: { ); } - if (!session) return null; + if (!shouldDisplayUnauthed) return null; return ( <>