From efcc0d87b5621ac4c9656ee3967d28b5903a8fe9 Mon Sep 17 00:00:00 2001
From: Truman Gao <106889354+tdgao@users.noreply.github.com>
Date: Sun, 4 Jan 2026 14:25:40 -0700
Subject: [PATCH] fix server upgrade button open modal (#5043)

---
 .../billing/ServersUpgradeModalWrapper.vue    | 38 ++++++++++++-------
 1 file changed, 25 insertions(+), 13 deletions(-)

diff --git a/packages/ui/src/components/billing/ServersUpgradeModalWrapper.vue b/packages/ui/src/components/billing/ServersUpgradeModalWrapper.vue
index e07f4ab74..c83ec152b 100644
--- a/packages/ui/src/components/billing/ServersUpgradeModalWrapper.vue
+++ b/packages/ui/src/components/billing/ServersUpgradeModalWrapper.vue
@@ -92,21 +92,33 @@ const { data: regionsData } = useQuery({
 	queryFn: () => archon.servers_v1.getRegions(),
 })
 
-watch(customerData, (newCustomer) => {
-	if (newCustomer) customer.value = newCustomer
-})
+watch(
+	customerData,
+	(newCustomer) => {
+		if (newCustomer) customer.value = newCustomer
+	},
+	{ immediate: true },
+)
 
-watch(paymentMethodsData, (newMethods) => {
-	if (newMethods) paymentMethods.value = newMethods
-})
+watch(
+	paymentMethodsData,
+	(newMethods) => {
+		if (newMethods) paymentMethods.value = newMethods
+	},
+	{ immediate: true },
+)
 
-watch(regionsData, (newRegions) => {
-	if (newRegions) {
-		newRegions.forEach((region) => {
-			runPingTest(region)
-		})
-	}
-})
+watch(
+	regionsData,
+	(newRegions) => {
+		if (newRegions) {
+			newRegions.forEach((region) => {
+				runPingTest(region)
+			})
+		}
+	},
+	{ immediate: true },
+)
 
 async function fetchPaymentData() {
 	await refetchPaymentMethods()