From 91c7825523d3d6f7999d901bfddd453c19eb02d0 Mon Sep 17 00:00:00 2001
From: Keiran Flanigan <keiran@aeliox.com>
Date: Tue, 15 Apr 2025 19:58:30 -0700
Subject: [PATCH] fix(clerk-js): Add missing PlansContextProvider to
 PricingTable

---
 .changeset/red-bears-wink.md                        |  5 +++++
 .../src/ui/contexts/ClerkUIComponentsContext.tsx    | 13 ++++++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/red-bears-wink.md

diff --git a/.changeset/red-bears-wink.md b/.changeset/red-bears-wink.md
new file mode 100644
index 00000000000..2ae4373355d
--- /dev/null
+++ b/.changeset/red-bears-wink.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix: add missing context to PricingTable
diff --git a/packages/clerk-js/src/ui/contexts/ClerkUIComponentsContext.tsx b/packages/clerk-js/src/ui/contexts/ClerkUIComponentsContext.tsx
index 4f8996744f2..d14b9e563c6 100644
--- a/packages/clerk-js/src/ui/contexts/ClerkUIComponentsContext.tsx
+++ b/packages/clerk-js/src/ui/contexts/ClerkUIComponentsContext.tsx
@@ -15,6 +15,7 @@ import {
   OrganizationListContext,
   OrganizationProfileContext,
   OrganizationSwitcherContext,
+  PlansContextProvider,
   SignInContext,
   SignUpContext,
   UserButtonContext,
@@ -87,11 +88,13 @@ export function ComponentContextProvider({
       );
     case 'PricingTable':
       return (
-        <__experimental_PricingTableContext.Provider
-          value={{ componentName, ...(props as __experimental_PricingTableProps) }}
-        >
-          {children}
-        </__experimental_PricingTableContext.Provider>
+        <PlansContextProvider>
+          <__experimental_PricingTableContext.Provider
+            value={{ componentName, ...(props as __experimental_PricingTableProps) }}
+          >
+            {children}
+          </__experimental_PricingTableContext.Provider>
+        </PlansContextProvider>
       );
     case 'Checkout':
       return (