diff --git a/x-pack/plugins/uptime/public/components/settings/add_connector_flyout.tsx b/x-pack/plugins/uptime/public/components/settings/add_connector_flyout.tsx index 60c0807ae89a8..9dc64374f4d63 100644 --- a/x-pack/plugins/uptime/public/components/settings/add_connector_flyout.tsx +++ b/x-pack/plugins/uptime/public/components/settings/add_connector_flyout.tsx @@ -8,17 +8,26 @@ import React, { useEffect, useState } from 'react'; import { FormattedMessage } from '@kbn/i18n/react'; import { useDispatch } from 'react-redux'; import { EuiButtonEmpty } from '@elastic/eui'; +import { HttpStart, DocLinksStart, NotificationsStart, ApplicationStart } from 'src/core/public'; import { ActionsConnectorsContextProvider, ConnectorAddFlyout, + TriggersAndActionsUIPublicPluginStart, } from '../../../../triggers_actions_ui/public'; - import { useKibana } from '../../../../../../src/plugins/kibana_react/public'; import { getConnectorsAction } from '../../state/alerts/alerts'; interface Props { focusInput: () => void; } +interface KibanaDeps { + triggers_actions_ui: TriggersAndActionsUIPublicPluginStart; + application: ApplicationStart; + docLinks: DocLinksStart; + http: HttpStart; + notifications: NotificationsStart; +} + export const AddConnectorFlyout = ({ focusInput }: Props) => { const [addFlyoutVisible, setAddFlyoutVisibility] = useState(false); @@ -30,7 +39,7 @@ export const AddConnectorFlyout = ({ focusInput }: Props) => { http, notifications, }, - } = useKibana(); + } = useKibana(); const dispatch = useDispatch(); diff --git a/x-pack/plugins/uptime/public/components/settings/alert_defaults_form.tsx b/x-pack/plugins/uptime/public/components/settings/alert_defaults_form.tsx index b3b38a84e4f22..7636d4ede4bab 100644 --- a/x-pack/plugins/uptime/public/components/settings/alert_defaults_form.tsx +++ b/x-pack/plugins/uptime/public/components/settings/alert_defaults_form.tsx @@ -24,9 +24,14 @@ import { useGetUrlParams, useUrlParams } from '../../hooks'; import { alertFormI18n } from './translations'; import { useInitApp } from '../../hooks/use_init_app'; import { useKibana } from '../../../../../../src/plugins/kibana_react/public'; +import { TriggersAndActionsUIPublicPluginStart } from '../../../../triggers_actions_ui/public/'; type ConnectorOption = EuiComboBoxOptionOption; +interface KibanaDeps { + triggers_actions_ui: TriggersAndActionsUIPublicPluginStart; +} + const ConnectorSpan = styled.span` .euiIcon { margin-right: 5px; @@ -48,7 +53,7 @@ export const AlertDefaultsForm: React.FC = ({ services: { triggers_actions_ui: { actionTypeRegistry }, }, - } = useKibana(); + } = useKibana(); const { focusConnectorField } = useGetUrlParams(); const updateUrlParams = useUrlParams()[1];