change order of validation and add try catch in semver check (#297) (#…

…298)

(cherry picked from commit 71411b4)

Signed-off-by: Joanne Wang <jowg@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

public/pages/Main/Main.tsx

@@ -177,12 +177,22 @@ export default class Main extends Component<MainProps, MainState> {
   };
 
   dataSourceFilterFn = (dataSource: SavedObject<DataSourceAttributes>) => {
-    const dataSourceVersion = dataSource?.attributes?.dataSourceVersion || "";
-    const installedPlugins = dataSource?.attributes?.installedPlugins || [];
-    return (
-      semver.satisfies(dataSourceVersion, pluginManifest.supportedOSDataSourceVersions) &&
-      pluginManifest.requiredOSDataSourcePlugins.every((plugin) => installedPlugins.includes(plugin))
-    );
+    try {
+      const dataSourceVersion = dataSource?.attributes?.dataSourceVersion || '';
+      const installedPlugins = dataSource?.attributes?.installedPlugins || [];
+      return (
+        pluginManifest.requiredOSDataSourcePlugins.every((plugin) =>
+          installedPlugins.includes(plugin)
+        ) &&
+        semver.satisfies(
+          dataSourceVersion,
+          pluginManifest.supportedOSDataSourceVersions
+        )
+      );
+    } catch (error) {
+      // Filter out invalid data source
+      return false;
+    }
   };
 
   getServices(http: HttpSetup) {