/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

6 votes158 views1 answer
How to import dotenv in react
Javascript React
5 votes139 views1 answer
Redirect in netlify react
Javascript React
0 vote165 views1 answer
Missing script: "start" react
Javascript React
0 vote126 views1 answer
Formatt json to create node and child node react
Javascript React
1 vote149 views2 answers
React PropTypes.instanceOf
Javascript React
0 vote136 views1 answer
Add pdf in react app
Javascript React
0 vote135 views1 answer
React Native Expo Scrollview Scroll to bottom
Javascript React
0 vote146 views1 answer
How to make dynamic title for screen in react native
Javascript React
4 votes131 views2 answers
Google map react search place
Javascript React
0 vote127 views1 answer
React native no android sdk found
Javascript React