Double render of element on use_server_future when using asset!()s

[Andrew15-5]

Problem

Here is a MRE:

...

#[component]
fn App() -> Element {
    rsx! {
        document::Link { rel: "icon", href: asset!("/favicon.ico") } // trigger
        Main { }
    }
}

#[component]
fn Main() -> Element {
    let mut items: Signal<Vec<String>> = use_signal(|| Vec::with_capacity(10));
    let init_db_result = use_server_future(move || async move {
        init_db().await.map(|v| {
            spawn(async move { items.set(v) });
        })
    })?;

    if let Err(err) = init_db_result().unwrap() {
        return Err(RenderError::Aborted(dioxus::CapturedError::from_display(
            err,
        )));
    }

    let all_items = {
        let a = items.read().clone().into_iter().map(|x| rsx! { {x} });
        if a.len() == 0 {
            rsx! { "No items" }
        } else {
            rsx! { {a} }
        }
    };

    rsx! {
     p { "List of items:" }
     ul { {all_items} }
    }
}

...

If I have any asset!s, then I get:

If I remove them, then:

I tried using #3287 that should potentially fix this.

Steps To Reproduce

Steps to reproduce the behavior:

• get into project dir from double-render.zip
• run dx serve
• look at localhost:8080

Expected behavior

The content of ul {} should be rendered once, not twice.

Environment:

• Dioxus version: 9d6e28b
• Rust version: 1.83.0-nightly (fb4aebddd 2024-09-30)
• OS info: Pop!_OS 22.04
• App platform: web + fullstack

[Andrew15-5]

Looks like the PR actually fixes this, though I now get panic error almost always, which prevent hot reloading from working. This now has been addressed.