Placemark ballon content React component

При клике на маркер в сплывающем окне необходимо отрисовать React component со своей логикой.

В документации и в интернете не нашел решения, как передать ему JSX разметку?

Пример кода:

import MarkerPopupCreateEvent from 'src/client/components/blocks/PopupCreateEvent'

  export default function CreateMarker(props) {
  const { coordinates } = props
  const userProfilesList = useSelector(
    (state) => state.profiles.userProfilesList
  )
  const createdByEmail = useSelector((state) => state.user.email)
  const markerIcon = usersMarkerIcon(userProfilesList, createdByEmail)

  return (
    <Placemark
      geometry={coordinates}
      properties={{
        balloonContentBody: MarkerPopupCreateEvent,
      }}
      options={markerIcon}
      modules={['geoObject.addon.balloon', 'geoObject.addon.hint']}
      children={MarkerPopupCreateEvent}></Placemark>
  )
}