Estoy haciendo un proyecto, usando react js con tyscript Estoy enfrentando un error después de implementar la aplicación en netlify, con MapBox api, que cuando se ejecuta devuelve el siguiente mensaje en la consola, como se describe a continuación y hace que sea imposible buscar para ubicaciones en el mapa api.:

"Error al cargar el recurso: el servidor respondió con un estado de 401 (no autorizado)" // 20220606202752 // https://api.mapbox.com/geocoding/v5/mapbox.places/t.json?access_token=undefined

{ "mensaje": "No autorizado - Token no válido" }

Uso una variable de entorno para mi token de Mapbox y una variable para acceso local:

 REACT_APP_ACESS_TOKEN_MAP_BOX=pk. REACT_APP_API_URL=http://localhost:

A continuación se muestra mi código Tyscript para acceder a las variables de entorno y acceder al Token MapBox. Una información es que la aplicación para buscar ubicaciones en mapas localmente está funcionando, solo cuando la implemento a través de netlify, muestra el mensaje descrito anteriormente de "mensaje": "No autorizado - Token no válido"

 import axios from "axios"; import { OrderPayload } from "./Orders/types"; const API_URL = process.env.REACT_APP_API_URL; const mapboxToken = process.env.REACT_APP_ACESS_TOKEN_MAP_BOX; export function fetchProducts (){ return axios(`${API_URL}/products`) } export function fetchLocalMapBox(local: string){ return axios (`https://api.mapbox.com/geocoding/v5/mapbox.places/${local}.json?access_token=${mapboxToken}`) } export function saveOrder(payload: OrderPayload) { return axios.post(`${API_URL}/orders`, payload); }