fix sample

Author: fgilde

AuralizeBlazor/wwwroot/js/components/auralizer.js

@@ -169,8 +169,7 @@
 
 
     async renderOneTimeStatic() {
-        const audioElements = this.getAudioElements();
-
+        const audioElements = this.getAudioElements();        
         //render enum 2 means real data and 3 full spectrum
         if (this.options.initialRender === 1 || this.options.initialRender === 6) {
             const frequencyData = this.generateRandomAudioFrequencyData();

Sample/AuralizeBlazor.Sample/Examples/StateExample.razor

@@ -26,10 +26,14 @@
     private void OnInitialRenderChanged(InitialRender render)
     {
         _rendered = false;
-        StateHasChanged();
+        InvokeAsync(StateHasChanged);
         _initialRender = render;
-        _rendered = true;
-        StateHasChanged();
+
+        Task.Delay(200).ContinueWith(t =>
+        {
+            _rendered = true;
+            InvokeAsync(StateHasChanged);
+        });
     }
 
 }

Sample/AuralizeBlazor.Sample/Examples/StateExample.razor.html

@@ -30,10 +30,14 @@
     <span class="keyword">private</span> <span class="keyword">void</span> OnInitialRenderChanged(InitialRender render)
     {
         _rendered = <span class="keyword">false</span>;
-        StateHasChanged();
+        InvokeAsync(StateHasChanged);
         _initialRender = render;
-        _rendered = <span class="keyword">true</span>;
-        StateHasChanged();
+
+        Task.Delay(<span class="number">200</span>).ContinueWith(t =&gt;
+        {
+            _rendered = <span class="keyword">true</span>;
+            InvokeAsync(StateHasChanged);
+        });
     }
 
 }