#[component]
fn Home() -> Element {
    let global_filter: Signal<GlobalFilter> = use_signal(|| GlobalFilter::default());

    rsx! {
        button {
            onclick: move |_| {
                let filter: GlobalFilter = global_filter.read_unchecked().to_owned();
                async move {
                    get_server_data(filter).await;
                }
            },
            "Button"
        }
    }
}

#[derive(Clone, Debug, Default, Deserialize, PartialEq, Serialize)]
pub struct GlobalFilter {
    pub test_string: String,

    pub test_vec: Vec<String>,
    pub test_hashset: HashSet<String>,
    pub test_hashmap: HashMap<String, String>,

    // wrap them in Option to bypass the bug
    // pub test_vec: Option<Vec<String>>,
    // pub test_hashset: Option<HashSet<String>>,
    // pub test_hashmap: Option<HashMap<String, String>>,
}

#[server]
async fn get_server_data(global_filter: GlobalFilter) -> Result<(), ServerFnError> {
    Ok(())
}