Mis pruebas funcionaban bien primero, ahora estoy usando variables ambientales basadas en el objeto de la ventana como:
{window._env_.REACT_APP_URL} Pero cuando ejecuto mi prueba: se muestra como TypeError: Cannot read property 'REACT_APP_URL' of undefined
¿Necesito hacer algo diferente en mis archivos de prueba para aceptar este tipo de variable, cuando cambio a {process.env.REACT_APP_URL} todo funciona como se esperaba?
¿Algunas ideas?
La propiedad _env_ no existe en el objeto de la window fuera de la caja, por lo tanto, TypeScript se queja de que está asignando un valor a una propiedad undefined .
La mejor manera de resolver su problema es reasignar la variable de window a una personalizada que combine los tipos de window actuales con su propia interfaz personalizada de Variables EnvironmentVariables y usarla en sus pruebas en su lugar:
interface EnvironmentVariables { '_env_': { 'REACT_APP_URL': string } } const customWindow = window as Window & typeof globalThis & EnvironmentVariables; // set the _env_ object with values customWindow._env_ = { 'REACT_APP_URL': 'url here' } // access REACT_APP_URL customWindow._env_.REACT_APP_URL