/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 vote247 views1 answer
Horizontal scrollview in react js
Javascript React
1 vote229 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
0 vote241 views1 answer
Outline none react native web
Javascript React
6 votes249 views1 answer
Create bottom navigation bar react native
Javascript React
9 votes231 views2 answers
How to redirect react router from the app components
Javascript React
6 votes230 views2 answers
React native indicator
Javascript React
0 vote234 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
0 vote257 views1 answer
React inject component into another component
Javascript React
1 vote243 views1 answer
Unexpected token export type react bottontab navigation
Javascript React
3 votes227 views1 answer
React cloud foundry nginx 404
Javascript React