/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 votes122 views1 answer
React bootstrap card
Javascript React
0 vote122 views1 answer
Localhost server in react native
Javascript React
3 votes127 views4 answers
Import in react
Javascript React
4 votes122 views1 answer
Read keyboard reactjs
Javascript React
1 vote120 views2 answers
React how to sleep 1 second
Javascript React
28 votes145 views1 answer
Semantic ui dropdown value react
Javascript React
3 votes228 views3 answers
Center element react native
Javascript React
0 vote118 views1 answer
Making all makers to show in react native map
Javascript React
0 vote119 views1 answer
How to get property names from object using map method react
Javascript React
12 votes121 views3 answers
Get value of input react
Javascript React