/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 vote219 views1 answer
How to prevent previous radio button active react native
Javascript React
0 vote213 views1 answer
Add Navbar to React Redux CRUD App
Javascript React
0 vote192 views1 answer
React cleanup meas
Javascript React
0 vote213 views1 answer
React native Setting a timer for a long period of time
Javascript React
112 votes257 views10 answers
React
Javascript React
1 vote211 views1 answer
Class Component in ReactJS
Javascript React
0 vote218 views1 answer
How to imporrt Browserrouter in react
Javascript React
0 vote200 views1 answer
React-i18next
Javascript React
7 votes190 views4 answers
React router link
Javascript React
9 votes207 views2 answers
React native hide yellow box
Javascript React