Using InteractiveAuto or InteractiveWebAssembly rendermodes causes ecomp<...> to be rendered twice

[rabejens]

When using the latest version that supports the Blazor render modes, the InteractiveAuto and InteractiveWebAssembly render modes cause content to be rendered twice when an ecomp is used.

Steps to reproduce:

1. Create a new project with version 0.24.8-beta of Bolero.Templates:

   dotnet new bolero-app --name RenderTwiceBug -r InteractiveAuto -m -ni 
   

2. In that project, create a new component:

   namespace RenderTwiceBug.Client
   
   open Bolero
   open Bolero.Html
   
   type SomeComponent() =
       inherit ElmishComponent<string, string>()
   
       override _.View model dispatch =
           p {
               text (sprintf "Refresh page to reproduce. Text: %s" model)
           }

3. In Main.fs, replace view with this:

   let view model dispatch =
       ecomp<SomeComponent, _, _> "Some text" (fun _ -> ()) { attr.empty() }

4. Run the server component, let it load and sit for about 5 seconds
5. Refresh the page and wait a couple seconds.

Expectation: The paragraph should only be rendered once.
Actual behaviour: The paragraph is rendered a second time after the WebAssembly component had loaded.

Followup:

A workaround is to stick the component into a div:

let view model dispatch =
    div { ecomp<SomeComponent, _, _> "Some text" (fun _ -> ()) { attr.empty() } }