@snokam/auth 3.3.8 → 3.3.10

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.3.10](https://github.com/snokam/components/compare/@snokam/auth@3.3.9...@snokam/auth@3.3.10) (2026-10-05)
+
+**Note:** Version bump only for package @snokam/auth
+
+## [3.3.9](https://github.com/snokam/components/compare/@snokam/auth@3.3.8...@snokam/auth@3.3.9) (2026-10-05)
+
+### Bug Fixes
+
+- **auth,head,events-web:** hydrate with the server's auth state, stop iOS rewriting text, deterministic cover memory ([#2663](https://github.com/snokam/components/issues/2663)) ([1a8e7ef](https://github.com/snokam/components/commit/1a8e7ef8ea0f38fb3a56d36cc49ed22373d6f11b)), closes [#418](https://github.com/snokam/components/issues/418)
+
 ## [3.3.8](https://github.com/snokam/components/compare/@snokam/auth@3.3.7...@snokam/auth@3.3.8) (2026-10-05)
 
 **Note:** Version bump only for package @snokam/auth

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@snokam/auth",
   "description": "Snøkam auth components",
-  "version": "3.3.8",
+  "version": "3.3.10",
   "main": "src/index.ts",
   "types": "src/index.ts",
   "files": [
@@ -26,9 +26,9 @@
     "next-auth": "4.24.15",
     "path-to-regexp": "^8.4.2",
     "@snokam/identity": "1.1.0",
-    "@snokam/platform-client": "3.5.0",
+    "@snokam/platform-client": "3.5.1",
     "@snokam/react-query": "1.1.0",
-    "@snokam/tenant": "2.1.11",
+    "@snokam/tenant": "2.1.12",
     "@snokam/ui": "4.0.0"
   },
   "peerDependencies": {

package/src/app-router/components/Provider/index.tsx

@@ -7,17 +7,20 @@ import { Authenticate } from "../../../components/Authenticate";
 import { SessionProvider } from "next-auth/react";
 import { useAuth } from "../../../hooks";
 import { EmployeeThemeSync } from "../../../theme/employee-theme-sync";
+import { ServerSessionContext } from "../../../session/useSession";
 
 export const Provider = memo((props: Auth.Provider.Props) => {
   const { session, children } = props;
 
   return (
-    <SessionProvider session={session ?? undefined}>
-      <EmployeeThemeSync />
-      <Suspense fallback={<>{children}</>}>
-        <ProviderInner {...props}>{children}</ProviderInner>
-      </Suspense>
-    </SessionProvider>
+    <ServerSessionContext.Provider value={session ?? null}>
+      <SessionProvider session={session ?? undefined}>
+        <EmployeeThemeSync />
+        <Suspense fallback={<>{children}</>}>
+          <ProviderInner {...props}>{children}</ProviderInner>
+        </Suspense>
+      </SessionProvider>
+    </ServerSessionContext.Provider>
   );
 });
 

package/src/app-router/index.tsx

@@ -11,6 +11,7 @@ import { EmployeeGate } from "../components/EmployeeGate";
 export { Unauthenticated } from "../components/Unauthenticated";
 export { Authenticated } from "../components/Authenticated";
 export { useAuth } from "../hooks";
+export { useSession } from "../session/useSession";
 export { EmployeeThemeSync } from "../theme/employee-theme-sync";
 export { ScopesProvider, useScopes, useHasScope } from "../scopes";
 export {

package/src/components/Authenticated.tsx

@@ -1,4 +1,4 @@
-import { useSession } from "next-auth/react";
+import { useSession } from "../session/useSession";
 import { ReactNode } from "react";
 
 interface Props {

package/src/components/Unauthenticated.tsx

@@ -1,4 +1,4 @@
-import { useSession } from "next-auth/react";
+import { useSession } from "../session/useSession";
 import { ReactNode } from "react";
 
 interface Props {

package/src/hooks.ts

@@ -1,7 +1,8 @@
-import { useSession, signIn, signOut } from "next-auth/react";
+import { signIn, signOut } from "next-auth/react";
 import { useMemo } from "react";
 import { IMP_ACTIVE_COOKIE } from "./impersonation/cookies";
 import { useImpersonation } from "./impersonation/context";
+import { useSession } from "./session/useSession";
 
 class ConsentRequiredError extends Error {}
 

package/src/index.ts

@@ -2,6 +2,7 @@ export * from "./components";
 export * from "./scopes";
 
 export { useAuth, clearAuthTokenCache } from "./hooks";
+export { useSession } from "./session/useSession";
 
 export { buildAdminConsentUrl } from "./consent";
 export type { AdminConsentParams } from "./consent";

package/src/session/useSession.ts

@@ -0,0 +1,39 @@
+"use client";
+
+import { createContext, useContext, useSyncExternalStore } from "react";
+import {
+  useSession as useLiveSession,
+  type SessionContextValue,
+} from "next-auth/react";
+import type { Session } from "next-auth";
+
+export const ServerSessionContext = createContext<Session | null>(null);
+
+const subscribeToNothing = () => () => {};
+
+const useIsHydrating = () =>
+  useSyncExternalStore(
+    subscribeToNothing,
+    () => false,
+    () => true
+  );
+
+export const useSession = (): SessionContextValue => {
+  const liveSession = useLiveSession();
+  const serverSession = useContext(ServerSessionContext);
+  const hydrating = useIsHydrating();
+
+  if (!hydrating) {
+    return liveSession;
+  }
+
+  if (!serverSession) {
+    return { update: liveSession.update, data: null, status: "loading" };
+  }
+
+  return {
+    update: liveSession.update,
+    data: serverSession,
+    status: "authenticated",
+  };
+};