fixup! Make the public export lazy

Author: afgomez

x-pack/plugins/infra/public/components/log_stream/index.tsx

@@ -17,7 +17,7 @@ import { useLogStream } from '../../containers/logs/log_stream';
 
 import { ScrollableLogTextStreamView } from '../logging/log_text_stream';
 
-interface LogStreamProps {
+export interface LogStreamProps {
   sourceId?: string;
   startTimestamp: number;
   endTimestamp: number;

x-pack/plugins/infra/public/components/log_stream/lazy_log_stream_wrapper.tsx

@@ -0,0 +1,16 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+import type { LogStreamProps } from './';
+
+const LazyLogStream = React.lazy(() => import('./'));
+
+export const LazyLogStreamWrapper: React.FC<LogStreamProps> = (props) => (
+  <React.Suspense fallback={<div />}>
+    <LazyLogStream {...props} />
+  </React.Suspense>
+);

x-pack/plugins/infra/public/index.ts

@@ -3,7 +3,6 @@
  * 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 +27,4 @@ export { InfraFormatterType } from './lib/lib';
 export type InfraAppId = 'logs' | 'metrics';
 
 // Shared components
-export const LogStream = lazy(() => import('./components/log_stream'));
+export { LazyLogStreamWrapper as LogStream } from './components/log_stream/lazy_log_stream_wrapper';