Проблема при подключении Yandex Maps API к React приложени: ymaps3: already defined?

Question

[PUD1K]

Ошибка возникает при подключении ymaps3 к react приложению:

import React from "react";

import {
    YMap,
    YMapComponentsProvider,
    YMapDefaultSchemeLayer,
    YMapDefaultFeaturesLayer,
    YMapListener,
    YMapFeature,
    YMapCollection,
    YMapControls,
    YMapGeolocationControl,
    YMapZoomControl,
    YMapHint,
    YMapDefaultMarker,
    YMapContainer,
    YMapControlButton,
} from "ymap3-components";

function Map() {
    return (
        <YMapComponentsProvider apiKey={'myKey'}>
            <YMap location={{center: [37.95, 55.65], zoom: 10}}>
                <YMapDefaultSchemeLayer />
                <YMapDefaultFeaturesLayer />
                <YMapDefaultMarker
                    coordinates={[37.95, 55.65]}
                />
            </YMap>
        </YMapComponentsProvider>
    );
}

export default Map;

При загрузке страницы появляется ошибка "ymaps3: already defined". Вообще не понимаю, что не так(

Answer 1

[the_sociophobic]

Надо вынести провайдер в файл App.js. Все провайдеры должны лежать на верхнем уровне, иначе они пересоздаются вместе с компонентом Map и ругаются ))