Common components in different crate -> issue

Dioxus 0.5.0. alpha 2 Linux Full stack app

Hi, Currently rewriting some app I had in TS into Rust.

I want to create many reusable components for my projects, so I've created them in a separate crate that I will import at will in different projects.

The issue lies in the fact that the router and #[component] don't seem happy:

error[E0277]: the trait bound `fn(common_html_components::components::modals::ModalProps) -> std::option::Option<dioxus_core::nodes::VNode> {common_html_components::components::modals::Modal}: dioxus::prelude::ComponentFunction<_, _>` is not satisfied
    --> src/interface/static_analysis.rs:1205:117
     |
91   | /                 rsx! {
92   | |                                     div { class: "d-flex justify-content-center", h1 { "Analyse statique" } }
93   | |                                     div { class: "d-flex flex-column",
94   | |                                             div { class: "d-flex justify-content-center flex-column" }
...    |
1205 | |                                                                                                                     Modal {
     | |                                                                                                                     ^^^^^ the trait `dioxus::prelude::ComponentFunction<_, _>` is not implemented for fn item `fn(ModalProps) -> Option<VNode> {Modal}`
...    |
1409 | |                                     }
1410 | |                             }
     | |_____________________________- required by a bound introduced by this call
     |
     = help: the trait `dioxus::prelude::ComponentFunction<std::rc::Rc<std::cell::Cell<dioxus::prelude::RouterConfig<interface::route::Route>>>>` is implemented for `interface::route::Route`
note: required by a bound in `dioxus::prelude::fc_to_builder`
    --> /home/.cargo/git/checkouts/dioxus-1e619ce595d3799d/9f280a8/packages/core/src/properties.rs:91:36
     |
91   | pub fn fc_to_builder<P, M>(_: impl ComponentFunction<P, M>) -> <P as Properties>::Builder
     |                                    ^^^^^^^^^^^^^^^^^^^^^^^ required by this bound in `fc_to_builder`

main.rs interface.rs ---interface -----route.rs -----static_analysis.rs -----dynamic_analysis.rs

route.rs:

use dioxus::prelude::*;

use crate::some_stuffs
...

#[derive(Clone, Routable, Debug, PartialEq, serde::Serialize, serde::Deserialize)]
pub(crate) enum Route {
        #[route("/")]
        Home {},
        #[route("/static")]
        StaticAnalysis {},
        #[route("/dynamic")]
        DynamicAnalysis {}
}

the other culprit, Modal, used in StaticAnalysis and co:

use dioxus::prelude::*;
...

#[component]

pub fn Modal(button_title: String, modal_title: String, modal_body: String, modal_ok: String, modal_close: Option<String>, color_type: ModalColorType) -> Element {
...
}

I think that the issue is my calling strategy:

 Modal {
        button_title: "{dummy_example}"
        modal_title: "{dummy_example}",
        modal_body: "{dummy_example}",
        modal_ok: "{dummy_example}",
        modal_close: None,
        color_type: ModalColorType::Blue
}

as described here, by the component macro that doesn't "like" the separate crate thing ? I didn't have issue when it was in the same crate.

While the new Component is shorter and easier to read, this macro should not be used by library authors since you have less control over Prop documentation. by prop documentation, you mean system registration or user facing documentation (that one shouldn't cause the issue above) ?

I really really like this component macro for the simplicity, so is there a way to make it work ?

Thanks!

DioxusLabs / dioxus

Common components in different crate -> issue #2228