/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 vote105 views1 answer
React native call keep
Javascript React
0 vote53 views1 answer
React state scope
Javascript React
1 vote155 views1 answer
React create list of components
Javascript React
0 vote101 views2 answers
Automated counter with react hooks
Javascript React
0 vote120 views1 answer
Stop playing music when page is closed react
Javascript React
0 vote157 views1 answer
Gradle error react native
Javascript React
3 votes114 views1 answer
React tooltip data-tip
Javascript React
0 vote122 views2 answers
React open pdf in new tab
Javascript React
0 vote101 views2 answers
React foreach loop
Javascript React
3 votes183 views3 answers
Center horizontally react native
Javascript React