fix([2fd88f42]): correct import statement for MarkerClusterGroup in MapDisplay.tsx

This commit is contained in:
2026-02-04 13:34:19 +00:00
parent d544087ee4
commit c84531ed70

View File

@@ -5,6 +5,7 @@ import { HeatmapLayer } from 'react-leaflet-heatmap-layer-v3';
import 'leaflet/dist/leaflet.css';
import 'leaflet.heat';
import type { HeatmapPoint, MapMode } from '../App';
import MarkerClusterGroup from 'react-leaflet-cluster';
interface MapDisplayProps {
heatmapData: HeatmapPoint[];
@@ -28,13 +29,6 @@ const MapDisplay: React.FC<MapDisplayProps> = ({ heatmapData, radiusMultiplier,
return '#66bd63'; // Green
};
import MarkerClusterGroup from 'react-leaflet-cluster';
// ... (imports and interface definitions)
const MapDisplay: React.FC<MapDisplayProps> = ({ heatmapData, radiusMultiplier, viewMode }) => {
// ... (helper functions and state)
const renderPoints = () => (
<MarkerClusterGroup>
{heatmapData.map((point, idx) => (
@@ -62,10 +56,6 @@ const MapDisplay: React.FC<MapDisplayProps> = ({ heatmapData, radiusMultiplier,
</MarkerClusterGroup>
);
// ... (rest of the component)
};
const renderHeatmap = () => (
<HeatmapLayer
points={heatmapData}