@acarmisc/backstage-plugin-litellm 0.31.0 → 0.31.1

package/dist/index.cjs.js

@@ -2575,9 +2575,22 @@ var init_KeyFormDialog = __esm({
           setCloseWithoutCopyConfirm(false);
           setTouched({});
           setSubmitAttempted(false);
-          onGetConfig().then(setConfig).catch(() => setConfig(null));
         }
-      }, [open, isCreate, keyToEdit, username, keyGenerationSettings?.allowUnlimitedBudget, onGetConfig]);
+      }, [open, isCreate, keyToEdit, username, keyGenerationSettings?.allowUnlimitedBudget]);
+      const onGetConfigRef = (0, import_react6.useRef)(onGetConfig);
+      onGetConfigRef.current = onGetConfig;
+      (0, import_react6.useEffect)(() => {
+        if (!open) return void 0;
+        let cancelled = false;
+        onGetConfigRef.current().then((c) => {
+          if (!cancelled) setConfig(c);
+        }).catch(() => {
+          if (!cancelled) setConfig(null);
+        });
+        return () => {
+          cancelled = true;
+        };
+      }, [open]);
       const allowUnlimitedBudget = keyGenerationSettings?.allowUnlimitedBudget ?? false;
       const teamRequired = keyGenerationSettings?.teamRequired ?? true;
       const formData = isCreate ? generateForm : editFormState;
@@ -6073,6 +6086,7 @@ var init_LiteLLMPage = __esm({
         ]);
         return allModels.filter((m) => allowed.has(m.model_name));
       }, [allModels, userInfo, teams]);
+      const getConfig = (0, import_react13.useCallback)(() => api.getConfig(), [api]);
       const handleGenerateKey = (0, import_react13.useCallback)(
         async (request) => {
           try {
@@ -6398,7 +6412,7 @@ var init_LiteLLMPage = __esm({
             onCreateKey: handleGenerateKey,
             onUpdateKey: handleUpdateKey,
             onResetKeySpend: handleResetKeySpend,
-            onGetConfig: () => api.getConfig()
+            onGetConfig: getConfig
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(