Dragging marker reach out of bounds lngLat

[SuhaibMaraqa]

when dragging a marker around the map, it reaches places where the longitude is less than -180, but Longitude values are typically set between -180 to 180, so how to solve this issue?

import { FC, useCallback, useRef, useState } from 'react';
import {
  FullscreenControl,
  Map,
  MapRef,
  Marker,
  MarkerDragEvent,
  NavigationControl,
} from 'react-map-gl';

import 'mapbox-gl/dist/mapbox-gl.css';
import { IMarker } from 'interfaces';

interface IProps {
  className?: string;
}

const SitesMap: FC<IProps> = ({ className }) => {
  const mapBoxAccessToken = import.meta.env.VITE_MAP_BOX_ACCESS_TOKEN as string;

  const [viewport, setViewport] = useState({
    latitude: 31.15912692970983,
    longitude: 35.74111968083642,
    zoom: 5,
  });

  const [marker, setMarker] = useState<IMarker>({
    latitude: 31.9721591189615,
    longitude: 35.832739177572876,
  });

  const mapRef = useRef<MapRef>(null);

  const onMapLoad = useCallback(() => {
    mapRef.current?.resize();
  }, []);

  const onMarkerDrag = useCallback((event: MarkerDragEvent) => {
    console.log('event: ', event.lngLat);

    setMarker({
      longitude: event.lngLat.lng,
      latitude: event.lngLat.lat,
    });
  }, []);

  return (
    <div className={`h-full ${className ? className : ''}`}>
      <Map
        ref={mapRef}
        initialViewState={viewport}
        mapStyle='mapbox://styles/mapbox/streets-v12'
        mapboxAccessToken={mapBoxAccessToken}
        onMove={evt => setViewport(evt.viewState)}
        onLoad={onMapLoad}
        style={{
          borderRadius: '16px',
        }}
      >
        <NavigationControl position='top-right' />
        <FullscreenControl position='top-right' />

        {marker && (
          <Marker
            longitude={marker.longitude}
            latitude={marker.latitude}
            anchor='bottom'
            draggable
            onDrag={onMarkerDrag}
          ></Marker>
        )}
      </Map>
    </div>
  );
};

export default SitesMap;