Revalidate server state

Author: LauraBeatris

packages/clerk-js/src/core/clerk.ts

@@ -1290,6 +1290,15 @@ export class Clerk implements ClerkInterface {
       eventBus.emit(events.TokenUpdate, { token: null });
     }
 
+    /**
+     * Invalidate previously cache pages with auth state before navigating
+     */
+    const onBeforeSetActive: SetActiveHook =
+      typeof window !== 'undefined' && typeof window.__unstable__onBeforeSetActive === 'function'
+        ? window.__unstable__onBeforeSetActive
+        : noop;
+    await onBeforeSetActive();
+
     // Only triggers navigation for internal AIO components routing or multi-session switch, in order to not affect custom flows
     const isSwitchingSessions = this.session?.id != session.id;
     const shouldNavigateOnSetActive = this.#componentNavigationContext || isSwitchingSessions;
@@ -1301,9 +1310,19 @@ export class Clerk implements ClerkInterface {
         componentNavigationContext: this.#componentNavigationContext,
       });
     }
-
     this.#setAccessors(session);
     this.#emit();
+
+    /**
+     * Invoke the Next.js middleware to synchronize server and client state after resolving a session task.
+     * This ensures that any server-side logic depending on the session status (like middleware-based
+     * redirects or protected routes) correctly reflects the updated client authentication state.
+     */
+    const onAfterSetActive: SetActiveHook =
+      typeof window !== 'undefined' && typeof window.__unstable__onAfterSetActive === 'function'
+        ? window.__unstable__onAfterSetActive
+        : noop;
+    await onAfterSetActive();
   };
 
   public __experimental_navigateToTask = async ({ redirectUrlComplete }: NextTaskParams = {}): Promise<void> => {