/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 vote218 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
56 votes204 views6 answers
Useref react
Javascript React
0 vote225 views1 answer
React replace all line breaks with br
Javascript React
20 votes226 views4 answers
On enter key press react
Javascript React
0 vote210 views1 answer
How to use mdbreact in react js
Javascript React
0 vote220 views1 answer
Gradlew command not found react native
Javascript React
0 vote222 views1 answer
Log errors react
Javascript React
0 vote251 views1 answer
How to add comma in react map
Javascript React
4 votes224 views1 answer
Import all images from folder reactjs
Javascript React
1 vote224 views2 answers
Adding more than one class react
Javascript React