Breaking Changes as a part of BOD-63 on invoice enter. WIP for all invoices screen editing + lookup.

client/src/components/vendor-search-select/vendor-search-select.component.jsx

@@ -18,15 +18,15 @@ const VendorSearchSelect = ({ value, onChange, options, onSelect }) => {
       showSearch
       value={option}
       style={{
-        width: 300
+        width: 300,
       }}
       onChange={setOption}
-      optionFilterProp="children"
+      optionFilterProp="name"
       onSelect={onSelect}
     >
       {options
-        ? options.map(o => (
-            <Option key={o.id} value={o.id} discount={o.discount}>
+        ? options.map((o) => (
+            <Option key={o.id} value={o.id} name={o.name} discount={o.discount}>
               <div style={{ display: "flex" }}>
                 {o.name}
                 <Tag color="green">{`${o.discount * 100}%`}</Tag>