import * as React from 'react' ; import { FC , lazy , Suspense } from 'react' ; import { PanelSpinner } from './panel_spinner' ; import type { Props } from './reporting_panel_content' ; const LazyComponent = lazy ( ( ) => import ( './reporting_panel_content' ) . then ( ( { ReportingPanelContent } ) => ( { default : ReportingPanelContent , } ) ) ) ; export const ReportingPanelContent = ( props ) => { return ( < Suspense fallback = { < PanelSpinner / > } > < LazyComponent { ... props } / > < /Suspense>); } ;