Map Box map not showing on production

[htimran]

I am facing an issue with the production environment, on my localhost map is working fine, but on production, it is not showing, just grey area with marker and footers.
the code and Image of the map are given below respectively.

import ReactMapGL, { Marker } from 'react-map-gl';

const [viewport, setViewport] = useState({
  latitude: 31.582045,
  longitude: 74.329376,
  width: '70vw',
  height: '100vh',
  zoom: 10,
});
const coordinates = {
    latitude: 31.3821,
    longitude: 74.1886,
  };
<ReactMapGL
  {...viewport}
  mapboxApiAccessToken={'pk.et.... Access Token................'}
  mapStyle="mapbox://styles/thingtrax/ckknlj19x5u6d17o68yxd7zol" // stylesheet location
  onViewportChange={viewport => {
    setViewport(viewport);
  }}
>
  <Marker
    key={1}
    latitude={coordinates.latitude}
    longitude={coordinates.longitude}
  >
    <img
      src={mapMarker}
      onClick={e => {
        e.preventDefault();
      }}
    />
  </Marker>
</ReactMapGL>

Image

[Pessimistress]

#1266