Здравствуйте, взялся за проект на React с OpenStreetMap и библиотекой leaflet. Подскажите что я делаю не так в коде из-за чего не выводится карта?

import { MapContainer, TileLayer } from 'react-leaflet';

function App() {
  return (
    <div className="App">
      <MapContainer className="leaflet-map">
        <TileLayer
          attribution='&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
          url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        />
      </MapContainer>
    </div>
  );
}

export default App;

Я пытался читать различную документацию,но не нашел решение, а сам код взят из примера в самой документации на leaflet.