🐳 Removed the duplicated env var

docker-compose.env

@@ -1 +0,0 @@
-DOCKER_HOST=rook

docker-compose.yml

@@ -8,7 +8,7 @@ services:
     container_name: threetwo-ui
     env_file: ./docker-compose.env
     environment:
-      DOCKER_HOST: rook
+      UNDERLYING_HOSTNAME: rook
     restart: unless-stopped
     ports:
       - "8050:8050"

src/client/constants/endpoints.ts

@@ -11,27 +11,27 @@ export const hostURIBuilder = (options: Record<string, string>): string => {
 
 export const COMICBOOKINFO_SERVICE_URI = hostURIBuilder({
   protocol: "http",
-  host: process.env.DOCKER_HOST || "localhost",
+  host: process.env.UNDERLYING_HOSTNAME || "localhost",
   port: "3080",
   apiPath: "/api/comicvine",
 });
 
 export const API_BASE_URI = hostURIBuilder({
   protocol: "http",
-  host: process.env.DOCKER_HOST || "localhost",
+  host: process.env.UNDERLYING_HOSTNAME || "localhost",
   port: "8050",
   apiPath: "/api",
 });
 
 export const IMPORT_SERVICE_HOST = hostURIBuilder({
   protocol: "http",
-  host: process.env.DOCKER_HOST || "localhost",
+  host: process.env.UNDERLYING_HOSTNAME || "localhost",
   port: "3000",
   apiPath: ``,
 });
 export const IMPORT_SERVICE_BASE_URI = hostURIBuilder({
   protocol: "http",
-  host: process.env.DOCKER_HOST || "localhost",
+  host: process.env.UNDERLYING_HOSTNAME || "localhost",
   port: "3000",
   apiPath: "/api/import",
 });

webpack.config.js

@@ -98,7 +98,7 @@ module.exports = (env) => {
         title: "express-typescript-react",
       }),
       new webpack.DefinePlugin({
-        "process.env.DOCKER_HOST": JSON.stringify(process.env.DOCKER_HOST),
+        "process.env.UNDERLYING_HOSTNAME": JSON.stringify(process.env.UNDERLYING_HOSTNAME),
       }),
       new MiniCssExtractPlugin({
         filename: "./css/[name].css",