{{#await componentsPromise}}
    
  {{then result}}
    <:Component {result.listComponent}
                component={{result.listItemComponent}}
                realm="{{$currentInstance + '/' + timeline}}"
                containerQuery=".container"
                :makeProps
                items={{$timelineItemIds}}
                showFooter={{$timelineInitialized && $runningUpdate}}
                footerComponent={{LoadingFooter}}
                showHeader={{$showHeader}}
                headerComponent={{MoreHeaderVirtualWrapper}}
                :headerProps
                :scrollToItem
                on:scrollToBottom="onScrollToBottom()"
                on:scrollToTop="onScrollToTop()"
                on:scrollTopChanged="onScrollTopChanged(event)"
                on:initialized="initialize()"
                on:noNeedToScroll="onNoNeedToScroll()"
    />
  {{catch error}}
    
Error: component failed to load! Try reloading. {{error}}
  {{/await}}