Router use_navigate duplicates # sign of fragment in URL

[LioQing]

Describe the bug
When using use_navigate or any reactive element that uses it (e.g. query_signal), the # of the fragment in the URL gets duplicated, e.g. 127.0.0.1:8080/#fragment to 127.0.0.1:8080/?key=1##fragment

Leptos Dependencies

leptos = { version = "0.7.7", features = ["csr"] }
leptos_router = "0.7.7"

To Reproduce

use leptos::prelude::*;
use leptos_router::hooks::query_signal;
use leptos_router::components::Router;

#[component]
fn View() -> impl IntoView {
    let (_, set_query) = query_signal::<i32>("key");

    view! {
        <a href="#fragment">
            <h1>fragment</h1>
        </a>
        <button on:click=move |_| set_query.set(Some(1))>
            <h1>set one</h1>
        </button>
    }
}

#[component]
fn App() -> impl IntoView {
    view! {
        <Router>
            <View/>
        </Router>
    }
}

fn main() {
    leptos::mount::mount_to_body(App)
}

The issue also occur if simply try to navigate("#fragment", Default::default()) but since router currently does not support fragment so it is expected that might happen, but for URL that already has a fragment created from a HTML element, I think it should at least preserve the fragment part.

Expected behavior
It should preserve the original fragment part, e.g. in the code to reproduce the URL should go from 127.0.0.1:8080/#fragment to 127.0.0.1:8080/?key=1#fragment.