From 8ba6dc866d93bab8fa13a06effae54f816048e4b Mon Sep 17 00:00:00 2001
From: Daniel Benjamin <benjamindaniel706@gmail.com>
Date: Fri, 27 Oct 2023 11:41:04 +0100
Subject: [PATCH] chore: remove LegacyForms from MetricSelect component
 (#76490)

---
 public/app/core/components/Select/MetricSelect.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/public/app/core/components/Select/MetricSelect.tsx b/public/app/core/components/Select/MetricSelect.tsx
index cdbbc7be4a2..c1fca990418 100644
--- a/public/app/core/components/Select/MetricSelect.tsx
+++ b/public/app/core/components/Select/MetricSelect.tsx
@@ -1,10 +1,9 @@
 import { flatten } from 'lodash';
-import React, { useMemo, useCallback } from 'react';
+import React, { useCallback, useMemo } from 'react';
 
 import { SelectableValue } from '@grafana/data';
-import { LegacyForms } from '@grafana/ui';
+import { Select } from '@grafana/ui';
 import { Variable } from 'app/types/templates';
-const { Select } = LegacyForms;
 
 export interface Props {
   onChange: (value: string | undefined) => void;
@@ -33,7 +32,7 @@ export const MetricSelect = (props: Props) => {
       isSearchable={isSearchable}
       maxMenuHeight={500}
       placeholder={placeholder}
-      noOptionsMessage={() => 'No options found'}
+      noOptionsMessage="No options found"
       value={selected}
     />
   );