/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

17 votes217 views4 answers
React native geolocation
Javascript React
0 vote198 views1 answer
React padding at bottom svg
Javascript React
0 vote221 views1 answer
How to calc() height in react native for styling
Javascript React
0 vote194 views1 answer
Dropdown menu in react does not re render the component
Javascript React
0 vote218 views1 answer
Modal react form table
Javascript React
17 votes210 views3 answers
Reducer react
Javascript React
3 votes191 views1 answer
Include gif in react
Javascript React
0 vote215 views4 answers
Router react how to pass data to class component
Javascript React
1 vote243 views1 answer
React material ui classname
Javascript React
0 vote223 views1 answer
Heroku buildpacks with react
Javascript React