@growth-operations/ui-shared 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growth-operations/ui-shared",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Shared HubSpot UI-extension modules (Home, Billing) for Growth Operations apps.",
   "license": "MIT",
   "private": false,

package/src/billing/BillingTab.jsx

@@ -114,9 +114,20 @@ function usePortalSession({ context, state, appKey }) {
   // UI Extensions have no open-URL action — only Link, whose href must exist
   // before render).
   useStrictModeEffect(
-    async ({ mounted }) => {
+    async ({ mounted, resetOnUnmount }) => {
+      // `state` is the /v1/home payload, fetched async by the host page — it's
+      // null on the first render(s). Don't mistake "not loaded yet" for
+      // "misconfigured": stay in loading until state arrives, then decide.
+      // IMPORTANT: useStrictModeEffect latches an internal fetchedRef on any
+      // normal completion, so a bare `return` here would block the re-run when
+      // state later arrives (→ spinner forever). resetOnUnmount() clears that
+      // ref so the deps-change re-run (state?.billing_base_url) actually fires.
+      if (!state) {
+        resetOnUnmount();
+        return;
+      }
       try {
-        const base = state?.billing_base_url;
+        const base = state.billing_base_url;
         if (!base) throw new Error("Billing service not configured");
         if (!appKey) throw new Error("Missing appKey for billing portal");
         const portalId = context?.portal?.id;