Unable to use OnInitializedAsync() with Blazor Server render-mode="Server"

[Paul-Schroeder]

I could not figure out why my WMBSCInitialSettings were getting ignored and the BlazorSlickCarousel wasn't working. I tried so many things and believe that I isolated the problem down to a finding that you must use the OnInitialized() event. In other words, I could not use the OnInitializedAsync() method. Unfortunately, the data corresponding to the images I am trying to display get downloaded using an asynchronous data service that makes a call out to a Web API (I need the async).

It seems that by the time data is returned in the OnInitializedAsync() method, where I was calling the API, the BlazorSlickCarousel can't use it. Interestingly enough, the page will still display the data, but it does so as though the carousel component does not exist.

Sample code in a .razor page:

<BlazorSlickCarousel @ref="ArtistCarousel" Configurations="CarouselSettings" >
	<BlazorSlickCarouselContent>
		@foreach (var artist in Artists)
		{
			// divs and such go here to display the content
		}
	</BlazorSlickCarouselContent>
	<BlazorSlickCarouselLoading>
		<p>Loading...</p>
	</BlazorSlickCarouselLoading>
</BlazorSlickCarousel>

Then, in a code-behind / ViewModel (will not work):

protected override async Task OnInitializedAsync()
{
	Artists = await WebApiDataServiceWA.GetArtworksAsync(pageDataRequest));
}

[Paul-Schroeder]

So, this is not the ideal solution, but it is a decent workaround for anyone that comes across this issue. Basically, this component exposes a couple of methods that are easy enough to invoke to cause the carousel to re-initialize. This is how I took advantage of those methods to reload in the OnParametersSetAsync() method (after data is loaded). This approach uses the Destroy() and Constroy() methods that are accessible on the BlazorSlickCarousel element reference:

        protected async override Task OnParametersSetAsync()
        {
            if (ArtistCarousel != null && Artists.Any())
            {
                await ArtistCarousel.Destroy();
                await ArtistCarousel.Constroy(CarouselSettings);
            }
        }