chore(clerk-js,shared): Add dev error when session is missing for OAuthConsent (#8335)

Author: wobsoriano

.changeset/happy-drinks-ring.md

@@ -0,0 +1,6 @@
+---
+"@clerk/clerk-js": patch
+"@clerk/shared": patch
+---
+
+Added development runtime error when mounting `<OAuthconsent />` without active session.

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

@@ -1336,6 +1336,15 @@ export class Clerk implements ClerkInterface {
   };
 
   public __internal_mountOAuthConsent = (node: HTMLDivElement, props?: __internal_OAuthConsentProps) => {
+    if (noUserExists(this)) {
+      if (this.#instanceType === 'development') {
+        throw new ClerkRuntimeError(warnings.cannotRenderOAuthConsentComponentWhenUserDoesNotExist, {
+          code: CANNOT_RENDER_USER_MISSING_ERROR_CODE,
+        });
+      }
+      return;
+    }
+
     this.assertComponentsReady(this.#clerkUI);
     const component = 'OAuthConsent';
     void this.#clerkUI

packages/shared/src/internal/clerk-js/warnings.ts

@@ -62,6 +62,8 @@ const warnings = {
     'The <APIKeys/> component cannot be rendered when user API keys are disabled. Since user API keys are disabled, this is no-op.',
   cannotRenderAPIKeysComponentForOrgWhenDisabled:
     'The <APIKeys/> component cannot be rendered when organization API keys are disabled. Since organization API keys are disabled, this is no-op.',
+  cannotRenderOAuthConsentComponentWhenUserDoesNotExist:
+    '<OAuthConsent/> cannot render unless a user is signed in. Since no user is signed in, this is no-op.',
 };
 
 type SerializableWarnings = Serializable<typeof warnings>;