Размещение в скрытом контейнере

[7iomka]

Доброго времени суток. https://codesandbox.io/s/dank-fast-se8fej?file=/src/App.tsx

Кейс: на сайте в футере есть картинка со скрином карты и кнопка открывающая модалку с картой (в портале). Подскажите как доработать код чтобы

• карта получала актуальные значения контейнера после открытия модалки (гуглил, в нативном коде нужно делать что-то типо myMap.container.fitToViewport(); но в реакте не знаю как этот флоу описать

• скрипт апи карты в первый раз грузился (если не загружен) перед открытием модалки (если читать вашу доку скрипт начинает грузится когда во вьюпорте карта появляется, в случае с модалкой это должно как-то аналогичным образом хендлиться)

[7iomka]

Разобрался. https://codesandbox.io/s/silly-sutherland-4nmz2y

[7iomka]

Разобрался. https://codesandbox.io/s/silly-sutherland-4nmz2y

Наткнулся на проблему Попробуйте открыть, закрыть и повторно открыть модалку. Вы увидите что не сработает код с fitToViewoport

в момент повторного открытия модалки у нас апишка уже загружена, но момент открытия модалки не совпадает с моментом доступности instanceRef Подскажите как я могу отследить его доступность чтоб после открытия модалки когда он стал доступным обновлять позицию карты?

[R1ZEN]

@7iomka доступность можно отследить через callback в instanceRef, instanceRef={(ref) => setYmapsInstance(ref)} и в useEffect завязываться на установленное значение. Если еще актуально)