Patch hooks

Author: panteliselef

.changeset/grumpy-bags-bow.md

@@ -0,0 +1,5 @@
+---
+'@clerk/shared': patch
+---
+
+Disable billing hooks when the feature is turned off.

packages/shared/src/react/hooks/createCommerceHook.tsx

@@ -1,4 +1,4 @@
-import type { ClerkPaginatedResponse, ClerkResource, ForPayerType } from '@clerk/types';
+import type { ClerkPaginatedResponse, ClerkResource, EnvironmentResource, ForPayerType } from '@clerk/types';
 
 import { eventMethodCalled } from '../../telemetry/events/method-called';
 import {
@@ -66,6 +66,9 @@ export function createCommercePaginatedHook<TResource extends ClerkResource, TPa
     } as unknown as T);
 
     const clerk = useClerkInstanceContext();
+
+    // @ts-expect-error `__unstable__environment` is not typed
+    const environment = clerk.__unstable__environment as unknown as EnvironmentResource | null | undefined;
     const user = useUserContext();
     const { organization } = useOrganizationContext();
 
@@ -82,7 +85,7 @@ export function createCommercePaginatedHook<TResource extends ClerkResource, TPa
 
     const isClerkLoaded = !!(clerk.loaded && (options?.unauthenticated ? true : user));
 
-    const isEnabled = !!hookParams && isClerkLoaded;
+    const isEnabled = !!hookParams && isClerkLoaded && environment?.commerceSettings.billing.user.enabled;
 
     const result = usePagesOrInfinite<TParams, ClerkPaginatedResponse<TResource>>(
       (hookParams || {}) as TParams,

packages/shared/src/react/hooks/useSubscription.tsx

@@ -1,4 +1,4 @@
-import type { ForPayerType } from '@clerk/types';
+import type { EnvironmentResource, ForPayerType } from '@clerk/types';
 import { useCallback } from 'react';
 
 import { eventMethodCalled } from '../../telemetry/events';
@@ -36,10 +36,13 @@ export const useSubscription = (params?: UseSubscriptionParams) => {
   const user = useUserContext();
   const { organization } = useOrganizationContext();
 
+  // @ts-expect-error `__unstable__environment` is not typed
+  const environment = clerk.__unstable__environment as unknown as EnvironmentResource | null | undefined;
+
   clerk.telemetry?.record(eventMethodCalled(hookName));
 
   const swr = useSWR(
-    user?.id
+    user?.id && environment?.commerceSettings.billing.user.enabled
       ? {
           type: 'commerce-subscription',
           userId: user.id,