How to change the appearance of the balloon in yandex maps react [how to change the appearance of the balloonContentLayout in react]

Appearance of the balloon does not change, help to find an error in the code

import React, {Component} from 'react'; import {Map, Placemark, YMaps} from 'react-yandex-maps'; function createBalloonLayout(ymaps) { const BalloonLayout = ymaps.templateLayoutFactory.createClass( '<div>new balloon</div>', { }); return BalloonLayout } class App extends Component { constructor(props) { super(props); this.state = { balloonContent: '' } } handleApiAvaliable(ymaps) { let balloonContent = createBalloonLayout(ymaps); this.setState({balloonContent: balloonContent}); } render() { return ( <YMaps onApiAvaliable={(ymaps) => this.handleApiAvaliable(ymaps)} > <Map state={{ center: [0, 0], zoom: 3, controls: [] }} > <Placemark geometry={{ coordinates: [55.751574, 37.573856] }} properties={{ hintContent: 'Собственный значок метки', balloonContentLayout: this.state.balloonContent }} /> </Map> </YMaps> ); } } export default App;