/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

0 vote354 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
1 vote333 views1 answer
Lazy loading pagination react npm
Javascript React
0 vote316 views1 answer
React chat sheet
Javascript React
1 vote355 views1 answer
How to check if bottom tab is active in react native material bottom tab
Javascript React
1 vote381 views1 answer
How to delete element at a particular index of array in react js
Javascript React
13 votes339 views1 answer
React js vs jsx
Javascript React
0 vote334 views1 answer
React js create element
Javascript React
-1 vote297 views1 answer
React grid
Javascript React
2 votes341 views2 answers
React material ui media queries
Javascript React
5 votes351 views3 answers
How to scroll to an element javascript react
Javascript React