Alerting: Fix queries not being previewed in detail view (#64198)

public/app/features/alerting/unified/hooks/useAlertQueriesStatus.ts

@@ -1,11 +1,18 @@
 import { useMemo } from 'react';
 
 import { getDataSourceSrv } from '@grafana/runtime';
+import { isExpressionReference } from '@grafana/runtime/src/utils/DataSourceWithBackend';
 import { AlertQuery } from 'app/types/unified-alerting-dto';
 
 export function useAlertQueriesStatus(queries: AlertQuery[]) {
   const allDataSourcesAvailable = useMemo(
-    () => queries.every((query) => Boolean(getDataSourceSrv().getInstanceSettings(query.datasourceUid))),
+    () =>
+      queries
+        .filter((query) => !isExpressionReference(query.datasourceUid))
+        .every((query) => {
+          const instanceSettings = getDataSourceSrv().getInstanceSettings(query.datasourceUid);
+          return Boolean(instanceSettings);
+        }),
     [queries]
   );
 

public/app/features/alerting/unified/utils/query.ts

@@ -1,4 +1,5 @@
-import { DataQuery, DataSourceInstanceSettings } from '@grafana/data';
+import { DataSourceInstanceSettings } from '@grafana/data';
+import { DataQuery } from '@grafana/schema';
 import { LokiQuery } from 'app/plugins/datasource/loki/types';
 import { PromQuery } from 'app/plugins/datasource/prometheus/types';
 import { CombinedRule } from 'app/types/unified-alerting';

public/app/features/expressions/guards.ts

@@ -1,5 +1,5 @@
-import { DataQuery } from '@grafana/data';
 import { isExpressionReference } from '@grafana/runtime/src/utils/DataSourceWithBackend';
+import { DataQuery } from '@grafana/schema';
 
 import { ExpressionQuery, ExpressionQueryType } from './types';