handle gtm config on basis on env and change start comman

apps/OpenSign/package.json

@@ -39,7 +39,8 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "mf-cra start",
+    "start": "serve -s build",
+    "start-dev": "mf-cra start",
     "build": "CI=false && mf-cra build",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
@@ -84,4 +85,4 @@
     "pretty-quick": "^3.1.3",
     "tailwindcss": "^3.3.3"
   }
-}
+}

apps/OpenSign/src/Bootstrap.js

@@ -15,10 +15,6 @@ import {
 import DragElement from "./microappComponent/DragElement";
 import TagManager from "react-gtm-module";
 
-const tagManagerArgs = {
-  gtmId: "GTM-529N7LD"
-};
-
 const HTML5toTouch = {
   backends: [
     {
@@ -48,7 +44,12 @@ const generatePreview = (props) => {
   );
 };
 
-TagManager.initialize(tagManagerArgs);
+if (process.env.REACT_APP_GTM) {
+  const tagManagerArgs = {
+    gtmId: process.env.REACT_APP_GTM
+  };
+  TagManager.initialize(tagManagerArgs);
+}
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(