Отображается 2 яндекс карты. Как можно исправить?

Question

[PavelTokare4523]

При добавлении компонента YMaps на станице отрисовывается две карты. Мб кто сталкивался.

import React from "react";
import style from './DeliveryTerms_style.module.css'
import { Map, Placemark, YMaps} from "react-yandex-maps";

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

const coordinates = [
    [55.684758, 37.738521],
    [57.684758, 39.738521]
];


function DeliveryTerms() {
    return (
        <div>
            <h2>О доставке</h2>
            <div className={style.map}>
                <YMaps>
                    <Map width={'100%'} defaultState={mapData}>
                        {coordinates.map(coordinate => <Placemark geometry={coordinate}/>)}

                    </Map>
                </YMaps>
            </div>
        </div>
    );
}

export default DeliveryTerms;

Comments

[Антон Горецкий]

проверьте, у вас включен стриктмод в реакте?

[PavelTokare4523]

Антон Горецкий, вроде как да

[Антон Горецкий]

PavelTokare4523, попробуйте без стрикт мод. Уберите этот тег совсем

[PavelTokare4523]

Антон Горецкий, лол спасибо. А почему так происходит?

[Антон Горецкий]

PavelTokare4523, насколько я помню, это происходит в режиме разработки. Он вызывает установку всех состояний дважды, чтобы выявить возможные сайд эффекты. Т.е. ты пишешь setState в программе, а он исполняет его 2 раза. Если все реакт-принципы соблюдены - разницы быть не должно.