如何在react-leaflet中使用Typescript设置对'leafletElement‘的引用？

import { Map, TileLayer, MapControl, withLeaflet } from 'react-leaflet';
import { LeafletContext } from 'react-leaflet';
import { LeafletElement } from 'leaflet';

class MyMapControl extends MapControl {
  static contextType = LeafletContext;
  
  componentDidMount() {
    const leafletElement: LeafletElement = this.context.map;
    // 在这里可以使用leafletElement进行Leaflet API的操作
  }
  
  render() {
    return null;
  }
}

const MyWrappedMapControl = withLeaflet(MyMapControl);

function MyMapComponent() {
  return (
    <Map>
      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
      <MyWrappedMapControl position="topright" />
    </Map>
  );
}