Having a sidebar groups of different types?

[lesha-co]

I want a sidebar with two different sections:

let sbg1 = SidebarGroup::new("Group1").child(
    SomeComponent::new()
);

let sbg2 = SidebarGroup::new("Group2").child(
    SidebarMenu::new().child(SidebarMenuItem::new("haha".to_string())),
);

let left_pane = Sidebar::new(Side::Left).child(sbg1).child(sbg2);
//                                                         ^^^^

but I get an error in the marked spot:

mismatched types
expected struct SidebarGroup<SomeComponent>
found struct SidebarGroup<SidebarMenu>

they should be compatible because in SomeComponent I have this Render implementation:

impl RenderOnce for SomeComponent {
    fn render(self, _window: &mut Window, _cx: &mut App) -> impl IntoElement {
        let mut menu = SidebarMenu::new();
        
        // I attach several items in a loop here like this
        // menu = menu.child(menu_item);
        // where menu_item is a SidebarMenuItem

        menu
    }
}

so it's really just another SidebarMenu

How do I achieve this?