Remove FunctionalComponent usage

src/plugins/data/public/ui/saved_query_form/save_query_form.tsx

@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import React, { FunctionComponent, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import {
   EuiButtonEmpty,
   EuiOverlayMask,
@@ -53,14 +53,14 @@ export interface SavedQueryMeta {
   shouldIncludeTimefilter: boolean;
 }
 
-export const SaveQueryForm: FunctionComponent<Props> = ({
+export function SaveQueryForm({
   savedQuery,
   savedQueryService,
   onSave,
   onClose,
   showFilterOption = true,
   showTimeFilterOption = true,
-}) => {
+}: Props) {
   const [title, setTitle] = useState(savedQuery ? savedQuery.title : '');
   const [description, setDescription] = useState(savedQuery ? savedQuery.description : '');
   const [savedQueries, setSavedQueries] = useState<SavedQuery[]>([]);
@@ -254,4 +254,4 @@ export const SaveQueryForm: FunctionComponent<Props> = ({
       </EuiModal>
     </EuiOverlayMask>
   );
-};
+}

src/plugins/data/public/ui/saved_query_management/saved_query_management_component.tsx

@@ -33,7 +33,7 @@ import {
 } from '@elastic/eui';
 
 import { i18n } from '@kbn/i18n';
-import React, { FunctionComponent, useEffect, useState, Fragment, useRef } from 'react';
+import React, { useEffect, useState, Fragment, useRef } from 'react';
 import { sortBy } from 'lodash';
 import { SavedQuery, SavedQueryService } from '../..';
 import { SavedQueryListItem } from './saved_query_list_item';
@@ -49,15 +49,15 @@ interface Props {
   onClearSavedQuery: () => void;
 }
 
-export const SavedQueryManagementComponent: FunctionComponent<Props> = ({
+export function SavedQueryManagementComponent({
   showSaveQuery,
   loadedSavedQuery,
   onSave,
   onSaveAsNew,
   onLoad,
   onClearSavedQuery,
   savedQueryService,
-}) => {
+}: Props) {
   const [isOpen, setIsOpen] = useState(false);
   const [savedQueries, setSavedQueries] = useState([] as SavedQuery[]);
   const [count, setTotalCount] = useState(0);
@@ -315,4 +315,4 @@ export const SavedQueryManagementComponent: FunctionComponent<Props> = ({
       </EuiPopover>
     </Fragment>
   );
-};
+}