fix(dashboard): clear selected properties on asset change

packages/dashboard/src/components/queryEditor/iotSiteWiseQueryEditor/modeledDataStreamQueryEditor/modeledDataStreamExplorer/modeledDataStreamTable/modeledDataStreamTable.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { useSelector } from 'react-redux';
 import { isFunction } from 'lodash';
 import { type IoTSiteWiseClient } from '@aws-sdk/client-iotsitewise';
@@ -80,6 +80,20 @@ export function ModeledDataStreamTable({
     }
   );
 
+  /**
+   * Reset selected items if the user changes the asset
+   * to avoid confusing add UX
+   */
+  useEffect(() => {
+    actions.setSelectedItems([]);
+    /**
+     * adding actions as a dependency causes
+     * the hook to run on every change becuase useCollection
+     * returns a new action reference
+     */
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [selectedAsset]);
+
   const handleClickNextPage = () => {
     if (isFunction(onClickNextPage)) {
       onClickNextPage();