From bd9979e0300a0d125607384d83007a488dba1f67 Mon Sep 17 00:00:00 2001
From: Kyle Pollich <kyle.pollich@elastic.co>
Date: Wed, 6 Dec 2023 07:04:27 -0500
Subject: [PATCH] Revert lazy conversion to stop creating separate chunk

---
 .../components/edit_output_flyout/index.tsx   |  4 ----
 .../fleet/sections/settings/index.tsx         | 23 ++++++++-----------
 2 files changed, 9 insertions(+), 18 deletions(-)

diff --git a/x-pack/plugins/fleet/public/applications/fleet/sections/settings/components/edit_output_flyout/index.tsx b/x-pack/plugins/fleet/public/applications/fleet/sections/settings/components/edit_output_flyout/index.tsx
index f1de9b2c2696b6..9fa524a293b836 100644
--- a/x-pack/plugins/fleet/public/applications/fleet/sections/settings/components/edit_output_flyout/index.tsx
+++ b/x-pack/plugins/fleet/public/applications/fleet/sections/settings/components/edit_output_flyout/index.tsx
@@ -701,7 +701,3 @@ export const EditOutputFlyout: React.FunctionComponent<EditOutputFlyoutProps> =
     </EuiFlyout>
   );
 };
-
-// default export to support React.lazy
-// eslint-disable-next-line import/no-default-export
-export default EditOutputFlyout;
diff --git a/x-pack/plugins/fleet/public/applications/fleet/sections/settings/index.tsx b/x-pack/plugins/fleet/public/applications/fleet/sections/settings/index.tsx
index 24242cc4278c44..420b1ef55ee111 100644
--- a/x-pack/plugins/fleet/public/applications/fleet/sections/settings/index.tsx
+++ b/x-pack/plugins/fleet/public/applications/fleet/sections/settings/index.tsx
@@ -5,8 +5,8 @@
  * 2.0.
  */
 
-import React, { Suspense, useCallback } from 'react';
-import { EuiLoadingSpinner, EuiPortal } from '@elastic/eui';
+import React, { useCallback } from 'react';
+import { EuiPortal } from '@elastic/eui';
 import { useHistory, Redirect } from 'react-router-dom';
 import { Routes, Route } from '@kbn/shared-ux-router';
 
@@ -31,8 +31,7 @@ import { useDeleteOutput, useDeleteFleetServerHost, useDeleteProxy } from './hoo
 import { EditDownloadSourceFlyout } from './components/download_source_flyout';
 import { useDeleteDownloadSource } from './components/download_source_flyout/use_delete_download_source';
 import { FleetProxyFlyout } from './components/edit_fleet_proxy_flyout';
-
-const EditOutputFlyout = React.lazy(() => import('./components/edit_output_flyout'));
+import { EditOutputFlyout } from './components/edit_output_flyout';
 
 function useSettingsAppData() {
   const outputs = useGetOutputs();
@@ -124,9 +123,7 @@ export const SettingsApp = withConfirmModalProvider(() => {
         </Route>
         <Route path={FLEET_ROUTING_PATHS.settings_create_outputs}>
           <EuiPortal>
-            <Suspense fallback={<EuiLoadingSpinner />}>
-              <EditOutputFlyout proxies={proxies.data.items} onClose={onCloseCallback} />
-            </Suspense>
+            <EditOutputFlyout proxies={proxies.data.items} onClose={onCloseCallback} />
           </EuiPortal>
         </Route>
         <Route path={FLEET_ROUTING_PATHS.settings_create_fleet_proxy}>
@@ -158,13 +155,11 @@ export const SettingsApp = withConfirmModalProvider(() => {
 
             return (
               <EuiPortal>
-                <Suspense fallback={<EuiLoadingSpinner />}>
-                  <EditOutputFlyout
-                    proxies={proxies.data?.items ?? []}
-                    onClose={onCloseCallback}
-                    output={output}
-                  />
-                </Suspense>
+                <EditOutputFlyout
+                  proxies={proxies.data?.items ?? []}
+                  onClose={onCloseCallback}
+                  output={output}
+                />
               </EuiPortal>
             );
           }}