From 1c7519f6d7e07bccc2294208c349438a395724ad Mon Sep 17 00:00:00 2001
From: Krrish Dholakia <krrishdholakia@gmail.com>
Date: Mon, 2 Jun 2025 15:37:26 -0700
Subject: [PATCH] fix(page.tsx): call credential endpoint once ui config is
 loaded

---
 ui/litellm-dashboard/src/app/onboarding/page.tsx   | 2 +-
 ui/litellm-dashboard/src/components/networking.tsx | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/ui/litellm-dashboard/src/app/onboarding/page.tsx b/ui/litellm-dashboard/src/app/onboarding/page.tsx
index 12730b79e2f..382eee52a15 100644
--- a/ui/litellm-dashboard/src/app/onboarding/page.tsx
+++ b/ui/litellm-dashboard/src/app/onboarding/page.tsx
@@ -67,7 +67,7 @@ export default function Onboarding() {
       const user_id = decoded.user_id;
       setUserID(user_id);
     });
-  }, [inviteID]);
+  }, [inviteID, getUiConfigLoading]);
 
   const handleSubmit = (formValues: Record<string, any>) => {
     console.log(
diff --git a/ui/litellm-dashboard/src/components/networking.tsx b/ui/litellm-dashboard/src/components/networking.tsx
index 98e0962ee38..90c945cd20b 100644
--- a/ui/litellm-dashboard/src/components/networking.tsx
+++ b/ui/litellm-dashboard/src/components/networking.tsx
@@ -9,7 +9,8 @@ import { UserInfo } from "./view_users/types";
 import { EmailEventSettingsResponse, EmailEventSettingsUpdateRequest } from "./email_events/types";
 
 const isLocal = process.env.NODE_ENV === "development";
-export let proxyBaseUrl = isLocal ? "http://localhost:4000" : null;
+export const defaultProxyBaseUrl = isLocal ? "http://localhost:4000" : null;
+export let proxyBaseUrl = defaultProxyBaseUrl;
 if (isLocal != true) {
   console.log = function() {};
 }
@@ -122,7 +123,7 @@ export function setGlobalLitellmHeaderName(headerName: string = "Authorization")
 export const getUiConfig = async () => {
   console.log("Getting UI config");
   /**Special route to get the proxy base url and server root path */
-  const url = `${proxyBaseUrl}/litellm/.well-known/litellm-ui-config`;
+  const url = defaultProxyBaseUrl ? `${defaultProxyBaseUrl}/litellm/.well-known/litellm-ui-config` : `/litellm/.well-known/litellm-ui-config`;
   const response = await fetch(url);
   const jsonData: LiteLLMWellKnownUiConfig = await response.json();
   /**