/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

4 votes133 views2 answers
Countdown in react js
Javascript React
0 vote128 views1 answer
React Movies
Javascript React
3 votes131 views3 answers
React portals
Javascript React
2 votes138 views1 answer
Display image as big as possible react native
Javascript React
105 votes160 views1 answer
Create react app scaffolding
Javascript React
8 votes138 views3 answers
React js props
Javascript React
0 vote130 views1 answer
How to disable reactive form submit button in Angular
Javascript React
8 votes138 views4 answers
React multiple classnames
Javascript React
2 votes129 views4 answers
Discord js remove reaction from user
Javascript React
6 votes149 views1 answer
React native rotate
Javascript React