20 lines
692 B
TypeScript
20 lines
692 B
TypeScript
"use client"
|
|
|
|
import { useRef } from "react"
|
|
import { useAuthStore } from "@/shared/stores/auth-store"
|
|
import type { AuthUser } from "@repo/api"
|
|
|
|
/**
|
|
* Synchronously initializes the auth store from server-side token/user before
|
|
* any child component renders. This avoids the first-render race condition where
|
|
* useEffect-based hydration hasn't fired yet and API requests go out without a token.
|
|
*/
|
|
export function AuthStoreInitializer({ token, user }: { token: string; user: AuthUser }) {
|
|
const initialized = useRef(false)
|
|
if (!initialized.current) {
|
|
initialized.current = true
|
|
useAuthStore.setState({ token, user, isAuthenticated: true })
|
|
}
|
|
return null
|
|
}
|