/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

16 votes283 views1 answer
How to insern an image in react
Javascript React
4 votes409 views2 answers
Linking in react native
Javascript React
0 vote356 views1 answer
Reduce to calculate sum react
Javascript React
0 vote360 views1 answer
React regions
Javascript React
0 vote390 views1 answer
React js bootstrap select option required
Javascript React
1 vote338 views1 answer
React eslint prettier
Javascript React
0 vote333 views2 answers
React firebase hooks
Javascript React
0 vote343 views1 answer
React-router useNavigate
Javascript React
0 vote373 views2 answers
Enzyme-adapter-react-16
Javascript React
0 vote412 views1 answer
Button click open external link react
Javascript React