fix server upgrade button open modal (#5043)

packages/ui/src/components/billing/ServersUpgradeModalWrapper.vue

@@ -92,21 +92,33 @@ const { data: regionsData } = useQuery({
 	queryFn: () => archon.servers_v1.getRegions(),
 })
 
-watch(customerData, (newCustomer) => {
+watch(
-	if (newCustomer) customer.value = newCustomer
+	customerData,
-})
+	(newCustomer) => {
+		if (newCustomer) customer.value = newCustomer
+	},
+	{ immediate: true },
+)
 
-watch(paymentMethodsData, (newMethods) => {
+watch(
-	if (newMethods) paymentMethods.value = newMethods
+	paymentMethodsData,
-})
+	(newMethods) => {
+		if (newMethods) paymentMethods.value = newMethods
+	},
+	{ immediate: true },
+)
 
-watch(regionsData, (newRegions) => {
+watch(
-	if (newRegions) {
+	regionsData,
-		newRegions.forEach((region) => {
+	(newRegions) => {
-			runPingTest(region)
+		if (newRegions) {
-		})
+			newRegions.forEach((region) => {
-	}
+				runPingTest(region)
-})
+			})
+		}
+	},
+	{ immediate: true },
+)
 
 async function fetchPaymentData() {
 	await refetchPaymentMethods()