Yandex maps are rendered twice React18 StrictMode

[Kaptoiiika]

React 18
index.tsx

import React from 'react'
import ReactDOM from 'react-dom/client'
import { Map, YMaps } from 'react-yandex-maps'

const maState = {
  center: [55.751574, 37.573856],
  zoom: 5,
}

const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
root.render(
  <React.StrictMode>
    <YMaps>
      <Map defaultState={maState}></Map>
    </YMaps>
  </React.StrictMode>
)

Preview

If i comment React.StrictMode

//<React.StrictMode>
    <YMaps>
      <Map defaultState={maState}></Map>
    </YMaps>
//</React.StrictMode>

i will get a normal work

[StrongerMyself]

Такая же проблема

[StrongerMyself]

Также в моем случае интерактивным остается именно вторая карта, на первой не ставятся точки, только меняется масштаб и зум

[StrongerMyself]

Пока грязным хаком спрятал первый

ymaps[class$="map"]:first-child:not(:last-child) {
    display: none;
}

[proweb]

+1

[kaptn3]

+1

[bartwork]

https://stackoverflow.com/questions/61254372/my-react-component-is-rendering-twice-because-of-strict-mode

[Loori-R]

+1