DIAG: log userButton mount path (do not merge)

Author: jacekradko

.changeset/diag-userbutton-mount.md

@@ -0,0 +1,2 @@
+---
+---

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

@@ -3235,9 +3235,22 @@ export class Clerk implements ClerkInterface {
         organization: this.organization,
       };
       this.__internal_lastEmittedResources = resources;
+      // DIAG: instrument userButton mount regression
+      // eslint-disable-next-line no-console
+      console.log('[CLERK_DIAG] clerk.#emit', {
+        listeners: this.#listeners.length,
+        userId: this.user?.id ?? null,
+        sessionId: this.session?.id ?? null,
+        clientId: this.client?.id ?? null,
+        sessionsOnClient: this.client?.sessions?.length ?? 0,
+      });
       for (const listener of this.#listeners) {
         listener(resources);
       }
+    } else {
+      // DIAG: emit was skipped because client is unset
+      // eslint-disable-next-line no-console
+      console.log('[CLERK_DIAG] clerk.#emit skipped (no client)');
     }
   };
 

packages/shared/src/react/hooks/base/useUserBase.ts

@@ -17,10 +17,21 @@ export function useUserBase(): UserResource | null | undefined {
       [clerk],
     ),
     useCallback(() => {
-      if (!clerk.loaded || !clerk.__internal_lastEmittedResources) {
+      // DIAG: instrument userButton mount regression
+      const fellBack = !clerk.loaded || !(clerk as any).__internal_lastEmittedResources;
+      // eslint-disable-next-line no-console
+      console.log('[CLERK_DIAG] useUserBase getSnapshot', {
+        loaded: !!clerk.loaded,
+        hasLastEmitted: !!(clerk as any).__internal_lastEmittedResources,
+        emittedUserId: (clerk as any).__internal_lastEmittedResources?.user?.id,
+        clerkUserId: (clerk as any).user?.id,
+        sessionId: (clerk as any).session?.id,
+        fellBackToInitial: fellBack,
+      });
+      if (fellBack) {
         return getInitialState();
       }
-      return clerk.__internal_lastEmittedResources.user;
+      return (clerk as any).__internal_lastEmittedResources.user;
     }, [clerk, getInitialState]),
     getInitialState,
   );

packages/ui/src/contexts/CoreUserContext.tsx

@@ -5,6 +5,14 @@ export function withCoreUserGuard<P>(Component: React.ComponentType<P>): React.C
   const Hoc = (props: P) => {
     const user = __internal_useUserBase();
 
+    // DIAG: instrument userButton mount regression
+    // eslint-disable-next-line no-console
+    console.log('[CLERK_DIAG] withCoreUserGuard render', {
+      component: Component.displayName || Component.name,
+      hasUser: !!user,
+      userId: user?.id,
+    });
+
     if (!user) {
       return null;
     }