diff --git a/.changeset/cute-hats-flow.md b/.changeset/cute-hats-flow.md new file mode 100644 index 00000000000..109015d018f --- /dev/null +++ b/.changeset/cute-hats-flow.md @@ -0,0 +1,5 @@ +--- +"@clerk/shared": patch +--- + +Fix Stripe elements not loading by removing the `billingEnabled` gate from `useStripeClerkLibs` diff --git a/packages/shared/src/react/billing/useStripeClerkLibs.tsx b/packages/shared/src/react/billing/useStripeClerkLibs.tsx index 197df86743a..3a499ae36bc 100644 --- a/packages/shared/src/react/billing/useStripeClerkLibs.tsx +++ b/packages/shared/src/react/billing/useStripeClerkLibs.tsx @@ -2,7 +2,6 @@ import type { loadStripe } from '@stripe/stripe-js'; import { defineKeepPreviousDataFn } from '../clerk-rq/keep-previous-data'; import { useClerkQuery } from '../clerk-rq/useQuery'; -import { useBillingHookEnabled } from '../hooks/useBillingHookEnabled'; import { useClerk } from '../hooks/useClerk'; type LoadStripeFn = typeof loadStripe; @@ -19,15 +18,12 @@ export type UseStripeClerkLibsResult = StripeClerkLibs | null; function useStripeClerkLibs(): UseStripeClerkLibsResult { const clerk = useClerk(); - const billingEnabled = useBillingHookEnabled(); - const query = useClerkQuery({ queryKey: ['clerk-stripe-sdk'], queryFn: async () => { const loadStripe = (await clerk.__internal_loadStripeJs()) as LoadStripeFn; return { loadStripe }; }, - enabled: billingEnabled, staleTime: Infinity, refetchOnWindowFocus: false, placeholderData: defineKeepPreviousDataFn(true),