craco.config.js

@@ -31,11 +31,14 @@ module.exports = {
         plugins: {
             add: [
                 new webpack.DefinePlugin({
-                    'process.env.PACKAGE_NAME': `"${npmPackage.name}"`,
+                    'process.env': {
-                    'process.env.PACKAGE_VERSION': `"${dateVersion}"`,
+                        PACKAGE_NAME: `"${npmPackage.name}"`,
-                    'process.env.BUILD_NUMBER': `"${uuidv4()}"`,
+                        PACKAGE_VERSION:
-                    'process.env.BUILD_DATE': `"${today.toLocaleString()}"`,
+                            '"' + npmPackage.version + '-' + dateVersion + '"',
-                    'process.env.COMMIT_ID': `"${fetchGitCommitId()}"`,
+                        BUILD_NUMBER: '"' + uuidv4() + '"',
+                        BUILD_DATE: '"' + today.toLocaleString() + '"',
+                        COMMIT_ID: '"' + fetchGitCommitId() + '"',
+                    },
                 }),
             ],
         },

package.json

@@ -43,7 +43,7 @@
     ]
   },
   "devDependencies": {
-    "@craco/craco": "^6.4.3",
+    "@craco/craco": "^6.1.2",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
@@ -52,9 +52,9 @@
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/react-router-dom": "^5.1.7",
-    "craco-less": "^2.0.0",
+    "craco-less": "^1.17.1",
     "prettier": "^2.3.1",
-    "react-scripts": "5.0.0",
+    "react-scripts": "4.0.3",
-    "typescript": "^4.5.4"
+    "typescript": "^4.1.2"
   }
 }