/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

0 vote330 views1 answer
React native unexpected token '<'
Javascript React
0 vote296 views1 answer
Add Navbar to React Redux CRUD App
Javascript React
0 vote368 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
0 vote316 views1 answer
Concept of node js with react js
Javascript React
0 vote340 views1 answer
React router dom return undefined
Javascript React
68 votes322 views3 answers
React add inline styles in react
Javascript React
0 vote334 views1 answer
How to put react compnent to bottom
Javascript React
-2 votes310 views1 answer
Reactsj substring
Javascript React
1 vote349 views2 answers
What is the purpose of the super(props) method in React
Javascript React
1 vote310 views1 answer
Input type email react js-validation
Javascript React