How to import react-bootstrap component with children into kotlin-js react app

I want to use a bootstrap Card component in a react website created with kotlin-js. The app uses kotlin-react wrapper and react-bootstrap library. react-bootstrap documentation says use <Card.Body> to put content. So far I managed to import the Card JavaScript module into kotlin-js. With this I could use the Card within a RComponent. What renders to: What I additionally need is the CardBody component. Something like this: But the CardBody is not a separate react-bootstrap component which could be imported like the Card component. It is a value inside the Card component. The typescript definition file Card.d.ts looks like this:

React-Bootstrap grid contents not displaying

I created a grid inside of a react-bootstrap Jumbotron, but when I export it to my app.jsx none of the grid contents are displayed (but the Jumbotron and my custom styles are) All of my other components are working fine, so I’m not sure why this isn’t. App.js: SectionThree.jsx: howItWorks.jsx: Answer React components should always start with uppercase letter: There is a good answer on stackoverflow here covering this.