react-yandex-maps placemark ballonContentBody: React component
Попытаюсь найти помощь здесь. Пользуюсь библиотекой reacr-yandex-maps где при клике на маркер в сплывающем окне необходимо отрендерить 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>
)
}