Merge pull request #52974 from twilight2294/patch-8

Fix: Selected Xero bank account is not highlighted with a green checkmark

Author: justinpersaud

src/pages/workspace/accounting/xero/export/XeroBankAccountSelectPage.tsx

@@ -27,9 +27,11 @@ function XeroBankAccountSelectPage({policy}: WithPolicyConnectionsProps) {
     const policyID = policy?.id ?? '-1';
 
     const {config} = policy?.connections?.xero ?? {};
+    const {bankAccounts} = policy?.connections?.xero?.data ?? {};
     const xeroSelectorOptions = useMemo<SelectorType[]>(
-        () => getXeroBankAccounts(policy ?? undefined, config?.export?.nonReimbursableAccount),
-        [config?.export?.nonReimbursableAccount, policy],
+        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
+        () => getXeroBankAccounts(policy ?? undefined, config?.export?.nonReimbursableAccount || bankAccounts?.[0]?.id),
+        [config?.export?.nonReimbursableAccount, policy, bankAccounts],
     );
 
     const listHeaderComponent = useMemo(