When a page is requested, server-side rendering is performed first, and then the browser displays the server-side rendered content. When the wasm download is completed, the page is rendered. If the rendering logic of the server and wasm are different, the page will flash.
For Example:
@if(imageID == 0){<img src="images/banner1.jpeg" class="w-full object-cover object-center">}else if(imageID == 1){<img src="images/banner2.jpeg" class="w-full object-cover object-center">}else {}@code{ int imageID = -1; protected override void OnInitialized() { Random rd = new Random(); imageID = rd.Next(1, 1000) % 2; } } I want the page to be rendered only once but I don't find a way.
In addition to disabling wasm secondary rendering, are there any other methods?
thanks