Component stops working with latest repo: borrow of partially moved value error

[serzhiio]

I started migration to latest repo version and ran into:

Error: 🚫 Serving project failed: error[E0382]: borrow of partially moved value: `props`
  --> src/ui/components/toggle.rs:68:5
   |
68 | /     rsx!(
69 | |         label{class:"relative inline-flex items-center cursor-pointer{props.fix()} {props.extra_class()}",
70 | |             style: props.style(),
71 | |             input{class:"sr-only peer",
...  |
74 | |                 onclick: move |evt| props.onclick.call(evt),
   | |                          ---------- ------------- variable partially moved due to use in closure
   | |                          |
   | |                          value partially moved into closure here
...  |
80 | |         }
81 | |     )
   | |_____^ value borrowed here after partial move
   |
   = note: partial move occurs because `props.onclick` has type `dioxus::prelude::EventHandler<dioxus::prelude::Event<MouseData>>`, which does not implement the `Copy` trait
   = note: this error originates in the macro `rsx` (in Nightly builds, run with -Z macro-backtrace for more info)

Component props:

#[derive(Props,Clone,PartialEq)]
pub struct ToggleProps {
    checked: bool,
    size: u8,
    checked_color: Color,
    color: Color,
    class: Option<&'static str>,
    style: Option<&'static str>,
    label: Option<&'static str>,
    label_left_margin: Option<u8>,
    onclick: EventHandler<MouseEvent>,
}

How to make it properly?

[serzhiio]

Looks like i can .clone() EventHandler, but it looks non-ergonomic.

pub fn Toggle(props: ToggleProps) -> Element {
    let onclick = props.onclick.clone();
    rsx!(
        label{class:"relative inline-flex items-center cursor-pointer{props.fix()} {props.extra_class()}",
            style: props.style(),
            input{class:"sr-only peer",
                r#type:"checkbox",
                checked:"{props.checked}",
                onclick: move |evt| onclick.call(evt),
            }
        }
    )
}

[ealmloff]

You can destructure the props and then only move the onclick into the event handler instead of the whole props struct:

pub fn Toggle(props: ToggleProps) -> Element {
    let ToggleProps { onclick, class, style, .. } = 
    rsx!(
        label{class:"relative inline-flex items-center {class}",
            style,
            input{class:"sr-only peer",
                r#type:"checkbox",
                checked:"{props.checked}",
                onclick: move |evt| onclick.call(evt),
            }
        }
    )
}