Trigger Next.js hooks on session status transition

LauraBeatris · LauraBeatris · commit 96741e1f927e · 2025-08-10T18:51:00.000-03:00
diff --git a/packages/clerk-js/src/core/clerk.ts b/packages/clerk-js/src/core/clerk.ts
@@ -2245,6 +2245,8 @@ export class Clerk implements ClerkInterface {
   }
 
   updateClient = (newClient: ClientResource): void => {
+    console.log({ newClient, newStatus: newClient.sessions?.[0]?.status, currentStatus: this.session?.status });
+
     if (!this.client) {
       // This is the first time client is being
       // set, so we also need to set session
@@ -2258,6 +2260,23 @@ export class Clerk implements ClerkInterface {
     if (this.session) {
       const session = this.#getSessionFromClient(this.session.id);
 
+      const hasTransitionedToPendingStatus = this.session.status === 'active' && session?.status === 'pending';
+      if (hasTransitionedToPendingStatus) {
+        const onBeforeSetActive: SetActiveHook =
+          typeof window !== 'undefined' && typeof window.__unstable__onBeforeSetActive === 'function'
+            ? window.__unstable__onBeforeSetActive
+            : noop;
+
+        const onAfterSetActive: SetActiveHook =
+          typeof window !== 'undefined' && typeof window.__unstable__onAfterSetActive === 'function'
+            ? window.__unstable__onAfterSetActive
+            : noop;
+
+        // Execute hooks to update server authentication context and trigger
+        // page protections in clerkMiddleware or server components
+        void Promise.resolve(onBeforeSetActive()).then(() => onAfterSetActive());
+      }
+
       // Note: this might set this.session to null
       this.#setAccessors(session);
 
