/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

3 votes166 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
1 vote190 views1 answer
How to set height of material ui dialog react
Javascript React
2 votes147 views1 answer
React-native-reanimated npm
Javascript React
0 vote162 views1 answer
Jason rpc reactjs
Javascript React
0 vote166 views1 answer
React-native-image-viewing
Javascript React
1 vote151 views1 answer
Toggle drawer react native
Javascript React
0 vote143 views2 answers
Hot reload problem react 17
Javascript React
0 vote139 views2 answers
Unexpected template string expression reactjs
Javascript React
14 votes205 views4 answers
React how to update state array
Javascript React
0 vote161 views5 answers
React redux cheat sheet
Javascript React