如何在移动(拖动)时更新我的标记的新位置？使用React-Leaflet

import { MapContainer, TileLayer, Marker } from 'react-leaflet';
import 'leaflet/dist/leaflet.css';

const [markerPosition, setMarkerPosition] = useState([51.505, -0.09]);

<MapContainer center={markerPosition} zoom={13} style={{ height: '400px', width: '100%' }}>
  <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
  <Marker position={markerPosition} draggable={true} onDragend={handleMarkerDragend} />
</MapContainer>

const handleMarkerDragend = (e) => {
  setMarkerPosition(e.target.getLatLng());
};