无法获取要在Mapbox React地图中渲染的地图标记

import React from 'react';
import ReactMapboxGl, { Marker } from 'react-mapbox-gl';

const Map = ReactMapboxGl({
  accessToken: 'YOUR_MAPBOX_ACCESS_TOKEN'
});

const MapComponent = () => {
  return (
    <Map
      style="mapbox://styles/mapbox/streets-v11"
      center={[longitude, latitude]}
      zoom={[zoomLevel]}
      containerStyle={{
        height: '400px',
        width: '100%'
      }}
    >
      <Marker coordinates={[longitude, latitude]} anchor="bottom">
        <img src="path/to/marker.png" alt="Marker" />
      </Marker>
    </Map>
  );
}

export default MapComponent;

import React from 'react';
import MapComponent from './MapComponent';

const App = () => {
  return (
    <div>
      <h1>Mapbox React Map</h1>
      <MapComponent />
    </div>
  );
}

export default App;