add error toast when data source id is undefined

Signed-off-by: Jackie Han <jkhanjob@gmail.com>

Author: jackiehanyang

public/pages/DetectorsList/containers/List/List.tsx

@@ -576,14 +576,20 @@ export const DetectorList = (props: ListProps) => {
     });
   };
 
-  const handleDataSourceChange = (e) => {
-    const dataConnectionId = e[0] ? e[0].id : undefined;
-
-    setState({
-      ...state,
-      page: 0,
-      selectedDataSourceId: dataConnectionId,
-    });
+  const handleDataSourceChange = ([selectedDataSource]) => {
+    const dataSourceId = selectedDataSource?.id;
+  
+    if (!dataSourceId) {
+      core.notifications.toasts.addDanger(
+        prettifyErrorMessage('Unable to set data source.')
+      );
+    } else {
+      setState((prevState) => ({
+        ...prevState,
+        page: 0,
+        selectedDataSourceId: dataSourceId,
+      }));
+    }
   };
 
   const getConfirmModal = () => {