`@sumx/ssr-auth-react`

Client auth shell: CheckToken, loading/error UI, cross-tab session dialog, LoginSkeleton.

Portal wiring


// src/hoc/check-token/index.ts
export { default, CheckTokenDepsProvider, buildCheckTokenPortalDeps } from '@sumx/ssr-auth-react';
export { buildCheckTokenPortalDeps } from './build-check-token-portal-deps';


// src/pages/_app.tsx
import CheckToken, {
  buildCheckTokenPortalDeps,
  CheckTokenDepsProvider,
} from '@/hoc/check-token';
 
const checkTokenDeps = useMemo(() => buildCheckTokenPortalDeps(), []);
 
<CheckTokenDepsProvider value={checkTokenDeps}>
  <CheckToken>{children}</CheckToken>
</CheckTokenDepsProvider>

buildCheckTokenPortalDeps() connects portal axios, Zustand stores, TanStack Query, and cookie utils — see build-check-token-portal-deps.ts in the portal repo.

Exports

default — CheckToken component
CheckTokenDepsProvider / useCheckTokenDeps
LoginSkeleton — Lottie loading shell (used in auth + logout)

Depends on @sumx/ui for session timeout dialog styling.