React YMaps3 при анмаунте карты выбрасывает ошибку

Реализована кастомная карта с кастомно генерируемыми тайлами, так же туда через Clusterer прокидываются маркеры. Но при анмаунте такой карты выбрасывается ошибка Cannot read properties of undefined (reading 'removeFeatureById'). При переходи из онлайн карты (стандартные тайлы яндекса) на кастомную (со совими тайлами) все работает штатно, но когда с одной кастомной карты на другую, появляется ошибка. Появилось именно после добавления Clusterer`а на карту, но отказаться от него нельзя. Не могу понять в чем причина


Ответы (1 шт):

Автор решения: Dmirty

Столкнулся с аналогичной проблемой. Помогло изменение порядка рендера компонентов карты.

Было:

<YMap>
    <YMapClusterer />
    <YMapDefaultSchemeLayer />
    <YMapDefaultFeaturesLayer />
</YMap>

Стало:

<YMap>
    <YMapDefaultSchemeLayer />
    <YMapDefaultFeaturesLayer />
    <YMapClusterer />
</YMap>

Немного подробностей о моем случае. Сайт на Next.js, карта с кластеризатором открывается в модальном окне, закрытие модалки приводит к анмаунту карты. Клик по маркеру (не кластеру) делает его активным, изменяя стили элемента маркера. Если не кликать по маркеру, то карта закрывается штатно, зум и перемещение карты не приводит к ошибкам. Если же по маркеру кликнуть, то при закрытии модального окна и последующем анмаунте компонента краты модуль Яндекс карты выбросит ошибку Cannot read properties of undefined (reading 'removeFeatureById'). Проблема решилась после изменения порядка рендера компонентов карты по примеру из документации

→ Ссылка