Place names/labels not displaying on production: Uncaught ReferenceError: i is not defined

Nobody has claimed this yet.

**mapbox-gl-js version**: ^3.1.2
"react": "^18.2.0",

**browser**: All browsers

### Steps to Trigger Behavior

Unable to reproduce behavior locally, only occurs on production environment

```
### Expected Behavior
Map to render with place names/labels.
### Actual Behavior
Map not rendering with place names/labels.

import React, { useEffect, useRef } from "react";
import { useParams } from "react-router-dom";
import mapboxgl from "mapbox-gl";
import { api } from "api";
import { errors, errorsCodes, globals } from "common";
import { MAP_BOX_CLIENT_ID } from "../../config";
import "../map/_map.scss";
import "mapbox-gl/dist/mapbox-gl.css";

mapboxgl.accessToken = MAP_BOX_CLIENT_ID;

function Map(
{
shopArea,
pin,
setPin,
draggable = false,
setAddress,
setShowAlert,
setErrorMsg,
}
) {
const mapContainer = useRef(null);
const map = useRef(null);
const marker = useRef(null);
const {token} = useParams();
let coordinates = [pin?.longitude, pin?.latitude];

const resetAddress = () => {
setAddress(globals.DEFAULT_ADDRESS);
}

async function onDragEnd() {
setShowAlert(false);
const lngLat = marker.current.getLngLat();
coordinates = [lngLat?.lng, lngLat?.lat];
setPin({
longitude: lngLat?.lng,
latitude: lngLat?.lat,
});
marker.current.setLngLat(coordinates);
try {
const addressDetail = await api.getAddress({
token,
params: {longitude: lngLat?.lng, latitude: lngLat?.lat},
});
const plot = addressDetail.plot;
const area = addressDetail.area;
let error;
if (area.id !== shopArea?.id) {
error = errors.ADDRESS_OUT_OF_RANGE(shopArea?.area);
}
else if (!plot?.point) {
error = errors.ADDRESS_NOT_FOUND;
}
if (error) {
setErrorMsg(error);
setShowAlert(true);
resetAddress();
return;
}
setAddress({
plot: plot?.plot_number,
block: plot?.block?.name,
sector: plot?.block?.sector,
street: plot?.street,
});
} catch (error) {
if (error?.response?.status === errorsCodes.NOT_FOUND_CODE) {
setErrorMsg(errors.AREA_OUT_OF_RANGE);
resetAddress();
setShowAlert(true);
}
}
}

useEffect(() => {
if (!map.current) {
map.current = new mapboxgl.Map({
container: mapContainer.current,
style: "mapbox://styles/mapbox/streets-v12",
center: coordinates,
zoom: 14,
});
}

if (!marker.current) {
marker.current = new mapboxgl.Marker({
color: "red",
draggable: draggable,
})
.setLngLat(coordinates)
.addTo(map.current);
} else {
!draggable && marker.current.setLngLat(coordinates);
}
draggable && marker.current.on("dragend", onDragEnd);
}, []);

useEffect(() => {
const handleClick = (e) => {
window.open(`https://www.google.com/maps?q=${pin?.latitude},${pin?.longitude}`, '_blank');
};

if (map?.current) {
map.current?.on('click', handleClick);
}

return () => {
if (map?.current) {
map.current?.off('click', handleClick);
}
};
}, [pin]);

return (

Start with the supplied React Map component and the production console error, then compare the production build and mapbox-gl 3.1.2 setup with a minimal reproduction. Done means the production map renders place names and labels without the ReferenceError; the report currently provides no repository file or test to run and says the problem cannot be reproduced locally.

Written by the indexing model from the issue text.