hint и balloon в react-yandex-maps в мобильном браузере отображаются под картой отдельным div-ом. Как их показать на самой карте?

На компьютере в браузере baloon отображается над геообъектом на самой карте, а в мобильном браузере baloon отображаются под картой отдельным дивом. До этого карты отрисовывал на js без реактивностей и baloons отображались везде как положено - на самой карте.Как поправить?

import React, {useState} from 'react';
import {YMaps, Map, GeoObject, Placemark} from 'react-yandex-maps';

function  PolygonDemo() {
    const mapState = {
        center: [44.535427,33.5107422],
        zoom: 17,
        type: 'yandex#satellite',};

return <YMaps query={{apikey: "ххх"}}>
        <Map 
             state={mapState}>
            <GeoObject
                geometry={{
                    type: 'Polygon',
                    coordinates: [[
                        [44.535427, 33.510742], [44.535393, 33.511085],
                        [44.535075, 33.511021], [44.535087, 33.510929], [44.535114, 33.510672]
                    ]]
                }}
                properties={{
                    hintContent: 'hint участка',
                    balloonContent: 'Балун Участка',
                }}
                modules={['geoObject.addon.balloon', 'geoObject.addon.hint']}
            />

        </Map>
    </YMaps>;
}
export default PolygonDemo;