fixed iconClass

elastic · May 24, 2021 · 3c32024 · 3c32024
1 parent e2b9a55
commit 3c32024
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/...ins/triggers_actions_ui/public/application/sections/action_connector_form/action_form.tsx b/...ins/triggers_actions_ui/public/application/sections/action_connector_form/action_form.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import React, { Suspense, useState, useEffect, useCallback } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { i18n } from '@kbn/i18n';
 import { FormattedMessage } from '@kbn/i18n/react';
 import {
@@ -19,7 +19,6 @@ import {
   EuiToolTip,
   EuiLink,
 } from '@elastic/eui';
-import { IconType } from '@elastic/eui/src/components/icon/icon';
 import { loadActionTypes, loadAllActions as loadConnectors } from '../../lib/action_connector_api';
 import {
   ActionTypeModel,
@@ -44,6 +43,7 @@ import { ActionGroup, AlertActionParam } from '../../../../../alerting/common';
 import { useKibana } from '../../../common/lib/kibana';
 import { DefaultActionParamsGetter } from '../../lib/get_defaults_for_action_params';
 import { ConnectorAddModal } from '.';
+import { suspendedComponentWithProps } from '../../lib/suspended_component_with_props';
 
 export interface ActionGroupWithMessageVariables extends ActionGroup<string> {
   omitOptionalMessageVariables?: boolean;
@@ -275,7 +275,9 @@ export const ActionForm = ({
             <EuiIcon
               size="xl"
               type={
-                ((<Suspense fallback={null}>{item.iconClass}</Suspense>) as unknown) as IconType
+                typeof item.iconClass === 'string'
+                  ? item.iconClass
+                  : suspendedComponentWithProps(item.iconClass as React.ComponentType)
               }
             />
           </EuiKeyPadMenuItem>