如何使react-leaflet弹出菜单的指针指向标记？

import React from 'react';
import { Map, Marker, Popup, TileLayer } from 'react-leaflet';

const MapComponent = () => {
  const markerPosition = [51.505, -0.09]; // 标记的位置

  const handleMarkerClick = () => {
    // 处理标记点击事件，显示菜单
  };

  return (
    <Map center={markerPosition} zoom={13}>
      <TileLayer
        url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
        attribution="..."
      />
      <Marker position={markerPosition} onClick={handleMarkerClick}>
        <Popup position="top" offset={[0, -30]}>
          <div>菜单内容</div>
        </Popup>
      </Marker>
    </Map>
  );
};

export default MapComponent;