/Javascript/React/Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').

Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').

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

<MapContainer
  className="markercluster-map"
  center={[51.0, 19.0]}
  zoom={4}
  maxZoom={18}
>
  <TileLayer
    url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
    attribution='© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
  />
</MapContainer>

Source: stackoverflow.com

Similar codes

-1 vote331 views1 answer
How to retrieve filename from a blob response in react js
Javascript React
0 vote391 views1 answer
React Redux reducer combineReducers exemple
Javascript React
4 votes366 views3 answers
Get params in react router dom v6
Javascript React
3 votes389 views3 answers
How to remove global react-native-cli package
Javascript React
0 vote367 views1 answer
React native qr code scanner
Javascript React
1 vote347 views1 answer
React native tabbed sticky view
Javascript React
0 vote353 views1 answer
How get value of datePicker in react
Javascript React
1 vote369 views1 answer
How to detect onend reach of scrollview in react native
Javascript React
0 vote355 views1 answer
React native scrollview scrollto()
Javascript React
1 vote395 views2 answers
Sha-1 certificate fingerprint react native
Javascript React