fix: react intl.

client/src/components/ContactsMultiSelect.js

@@ -3,6 +3,7 @@ import { MenuItem, Button } from '@blueprintjs/core';
 import { omit } from 'lodash';
 import MultiSelect from 'components/MultiSelect';
 import { FormattedMessage as T } from 'components';
+import intl from 'react-intl-universal';
 
 export default function ContactsMultiSelect({
   contacts,
@@ -31,9 +32,10 @@ export default function ContactsMultiSelect({
     [isContactSelect],
   );
 
-  const countSelected = useMemo(() => Object.values(selectedContacts).length, [
-    selectedContacts,
-  ]);
+  const countSelected = useMemo(
+    () => Object.values(selectedContacts).length,
+    [selectedContacts],
+  );
 
   const onContactSelect = useCallback(
     ({ id }) => {
@@ -50,12 +52,7 @@ export default function ContactsMultiSelect({
       setSelectedContacts({ ...selected });
       onContactSelected && onContactSelected(selected);
     },
-    [
-      setSelectedContacts,
-      selectedContacts,
-      isContactSelect,
-      onContactSelected,
-    ],
+    [setSelectedContacts, selectedContacts, isContactSelect, onContactSelected],
   );
 
   return (
@@ -69,11 +66,9 @@ export default function ContactsMultiSelect({
     >
       <Button
         text={
-          countSelected === 0 ? (
-            defaultText
-          ) : (
-            <T id={'selected_customers'} values={{ count: countSelected }} />
-          )
+          countSelected === 0
+            ? defaultText
+            : intl.get('selected_customers', { count: countSelected })
         }
         {...buttonProps}
       />