Make the public export lazy

elastic · Sep 4, 2020 · 9ce68b9 · 9ce68b9
1 parent 87438f3
commit 9ce68b9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/x-pack/plugins/infra/public/components/log_stream/index.tsx b/x-pack/plugins/infra/public/components/log_stream/index.tsx
@@ -127,3 +127,7 @@ const LogStreamContent = euiStyled.div<{ height: string }>`
   background-color: ${(props) => props.theme.eui.euiColorEmptyShade};
   height: ${(props) => props.height};
 `;
+
+// Allow for lazy loading
+// eslint-disable-next-line import/no-default-export
+export default LogStream;
diff --git a/x-pack/plugins/infra/public/index.ts b/x-pack/plugins/infra/public/index.ts
@@ -3,7 +3,7 @@
  * or more contributor license agreements. Licensed under the Elastic License;
  * you may not use this file except in compliance with the Elastic License.
  */
-
+import { lazy } from 'react';
 import { PluginInitializer, PluginInitializerContext } from 'kibana/public';
 import { Plugin } from './plugin';
 import {
@@ -28,4 +28,4 @@ export { InfraFormatterType } from './lib/lib';
 export type InfraAppId = 'logs' | 'metrics';
 
 // Shared components
-export { LogStream } from './components/log_stream';
+export const LogStream = lazy(() => import('./components/log_stream'));