I'm using Kotlin react wrapper 18 1 - children is ...

# react

[Cheick Kante]

I'm using Kotlin react wrapper 18
1 - children is property, not a function (cannot do props.children() instea props.children )

2- In my use-case, I'm attempting to rend Routes into my MainContent (functional component) and using children or a content props won't render the routes inside

external interface ContentProps : PropsWithChildren {
    var content: FC<Props>
}

val MainContent = FC<ContentProps> { props ->


    React.main {

        //either of this not working
        props.children
        props.content()

    }
}

MainContent {
// only render the main tag inside MainContent but Routes wont render
    Routes {
        Route {
            index = true
            path = "/"
            element = HomePage.create()
        }
        Route {
            path = "/blog"
            element = BlogPage.create()
        }
    }
}

// will render
React.main {
  Routes {
        Route {
            index = true
            path = "/"
            element = HomePage.create()
        }
        Route {
            path = "/blog"
            element = BlogPage.create()
        }
    }

}