CEC-279 Add logger (#62)

* CEC-279 Add logger

* Error log 500 status requests

src/components/Cars/SendCommandBulk/index.jsx

@@ -8,6 +8,7 @@ import useStyles from "../../useStyles";
 import SendCommand from "../SendCommand";
 import SearchField from "../../Controls/SearchField";
 import CarSelectionTable from "../CarSelectionTable";
+import { logger } from "../../../services/monitoring";
 
 const MainForm = () => {
   const classes = useStyles();
@@ -30,19 +31,23 @@ const MainForm = () => {
   };
 
   const handleSelect = (event, key) => {
-    let newSelected;
-    if (event.target.checked) {
-      newSelected = [...selected];
-      newSelected.push(key);
-    } else {
-      newSelected = selected.filter((vin) => vin !== key);
+    try {
+      let newSelected;
+      if (event.target.checked) {
+        newSelected = [...selected];
+        newSelected.push(key);
+      } else {
+        newSelected = selected.filter((vin) => vin !== key);
+      }
+      setSelected(newSelected);
+    } catch (e) {
+      logger.warn(e.stack);
     }
-    setSelected(newSelected);
   };
 
   useEffect(() => {
     setTitle("Send Command");
-    // eslint-disable-next-line
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   return (