[FluentDesignTheme] Assertion failed "heap is currently locked when changing theme"

[dvoituron]

[FluentDesignTheme] Assertion failed "heap is currently locked when changing theme"

Like describe in this issue: #1182
this error may occur when the user changes Theme using FluentDesignTheme

SteveSandersonMS replied with this anwser.

What's happening here is that your JS code is trying to call back into .NET during the middle of applying a renderbatch
to the DOM. This isn't safe to do, because if .NET code runs at this time, it might modify the contents of .NET memory
and invalidate the renderbatch that's still being processed.

To avoid this problem, when performing JS interop calls that can occur while applying a renderbatch, be sure to defer
the call. For example, update your code as follows:

   window.document.addEventListener("focusout", function (e) {
       console.log("focus out: " + new Date());

       if (e.target.classList.contains("list-item-1")) {
           setTimeout(invokeFocusOut, 0);
       }
   });

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-pebble-0dc79cb03-1419.westeurope.3.azurestaticapps.net

[github-actions]

Azure Static Web Apps: Your stage site is ready! Visit it here: https://black-pebble-0dc79cb03-1419.westeurope.3.azurestaticapps.net