[apm] use IndexPattern instead of IIndexPattern (#107187)

* use IndexPattern instead of IIndexPattern

* typefix

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

x-pack/plugins/apm/public/components/shared/kuery_bar/index.tsx

@@ -11,7 +11,7 @@ import React, { useState } from 'react';
 import { useHistory, useLocation } from 'react-router-dom';
 import {
   esKuery,
-  IIndexPattern,
+  IndexPattern,
   QuerySuggestion,
 } from '../../../../../../../src/plugins/data/public';
 import { useApmPluginContext } from '../../../context/apm_plugin/use_apm_plugin_context';
@@ -29,7 +29,7 @@ interface State {
   isLoadingSuggestions: boolean;
 }
 
-function convertKueryToEsQuery(kuery: string, indexPattern: IIndexPattern) {
+function convertKueryToEsQuery(kuery: string, indexPattern: IndexPattern) {
   const ast = esKuery.fromKueryExpression(kuery);
   return esKuery.toElasticsearchQuery(ast, indexPattern);
 }
@@ -125,7 +125,10 @@ export function KueryBar(props: { prepend?: React.ReactNode | string }) {
     }
 
     try {
-      const res = convertKueryToEsQuery(inputValue, indexPattern);
+      const res = convertKueryToEsQuery(
+        inputValue,
+        indexPattern as IndexPattern
+      );
       if (!res) {
         return;
       }