How can I render children in functional component with PropsWithChildren?, it doesnt seem to work wi...

# react

[Nikola Milovic]

How can I render children in functional component with PropsWithChildren?, it doesnt seem to work with single children

val MainScreen = fc<MainProps> { props ->
...
    sidebar { // has props with children
        when (child) { // this causes crash
            is Main.Child.Chat ->  p{attrs.text("heloooo test")}
            else -> p{attrs.text("heloooo error")}
        }
    }
}

external interface SidebarProps : PropsWithChildren {
}

val sidebar = fc<SidebarProps> { props ->
    props.children?.forEach {
                    child(it)
                }
}

[turansky]

props.children()
Example

[turansky]

+props.children

[Cheick Kante]

Indeed correct, thank very much Victor !!!