使用'react-leaflet‘新的useLeaflet()钩子的示例？

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

const Map = () => {
  const { map } = useLeaflet();

  // 在地图加载完成后，设置地图中心点和缩放级别
  React.useEffect(() => {
    if (map) {
      map.setView([51.505, -0.09], 13);
    }
  }, [map]);

  return (
    <MapContainer>
      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
      <Marker position={[51.505, -0.09]} />
    </MapContainer>
  );
};

export default Map;