Selectable cards always select the first one about patternfly-yew HOT 1 CLOSED

use {patternfly_yew::prelude::*, yew::prelude::*}; //, yew_router::prelude::*};

#[function_component(App)]
fn app() -> Html {
    html! {
        <>
            <Card title={html!{"1"}} selectable=true id={"1"}>
                <CardBody>
                    {"card 1"}
                </CardBody>
            </ Card>
            <Card title={html!{"2"}}  selectable=true id={"2"}>
                <CardBody>
                {"card 2"}
                </CardBody>
            </ Card>
            <Card title={html!{"3"}}  selectable=true id={"3"}>
                <CardBody>
                {"card 3"}
                </CardBody>
            </ Card>
        </>
    }
}

fn main() {
    yew::Renderer::<App>::new().render();
}