如何使用react leaflet使用要求导入自定义图标？

npm install react react-dom leaflet react-leaflet

import React from 'react';
import { MapContainer, TileLayer, Marker } from 'react-leaflet';
import L from 'leaflet';

const customIcon = L.icon({
  iconUrl: 'path/to/icon.png',
  iconSize: [width, height],
  iconAnchor: [anchorX, anchorY],
});

function MapComponent() {
  return (
    <MapContainer center={[latitude, longitude]} zoom={zoomLevel}>
      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
      <Marker position={[markerLat, markerLng]} icon={customIcon} />
    </MapContainer>
  );
}