fix(webapp): customer/vendor select should update deps

packages/webapp/src/containers/Expenses/ExpenseForm/ExpenseFormHeaderFields.tsx

@@ -140,7 +140,8 @@ function ExpenseFormCustomerSelect() {
       labelInfo={<Hint />}
       inline={true}
       name={'customer_id'}
-      customers={customers}
+      fastField={true}
+      shouldUpdateDeps={{ items: customers }}
       shouldUpdate={customersFieldShouldUpdate}
     >
       <CustomersSelect
@@ -149,6 +150,9 @@ function ExpenseFormCustomerSelect() {
         placeholder={<T id={'select_customer_account'} />}
         allowCreate={true}
         popoverFill={true}
+        fastField={true}
+        shouldUpdateDeps={{ items: customers }}
+        shouldUpdate={customersFieldShouldUpdate}
       />
     </FormGroup>
   );

packages/webapp/src/containers/Expenses/ExpenseForm/utils.tsx

@@ -104,7 +104,7 @@ export const transformToEditForm = (
  */
 export const customersFieldShouldUpdate = (newProps, oldProps) => {
   return (
-    newProps.customers !== oldProps.customers ||
+    newProps.shouldUpdateDeps.items !== oldProps.shouldUpdateDeps.items ||
     defaultFastFieldShouldUpdate(newProps, oldProps)
   );
 };