diff --git a/react_usse/package-lock.json b/react_usse/package-lock.json
index be56601d..736af2cf 100644
--- a/react_usse/package-lock.json
+++ b/react_usse/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "escape-string-regexp": "^1.0.5",
         "leaflet": "",
+        "preval.macro": "^5.0.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-icons": "^3.2.2",
@@ -4703,6 +4704,21 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/babel-plugin-preval": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-preval/-/babel-plugin-preval-5.1.0.tgz",
+      "integrity": "sha512-G5R+xmo5LS41A4UyZjOjV0mp9AvkuCyUOAJ6TOv/jTZS+VKh7L7HUDRcCSOb0YCM/u0fFarh7Diz0wjY8rFNFg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@types/babel__core": "^7.1.12",
+        "babel-plugin-macros": "^3.0.1",
+        "require-from-string": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
     "node_modules/babel-plugin-transform-react-remove-prop-types": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz",
@@ -13375,6 +13391,17 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/preval.macro": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/preval.macro/-/preval.macro-5.0.0.tgz",
+      "integrity": "sha512-+OZRqZYx1pjZ7H5Jis8bPFXkiT7lwA46UzAT4IjuzFVKwkJK+TwIx1TCqrqNCf8U3e5O12mEJEz1BXslkCLWfQ==",
+      "dependencies": {
+        "babel-plugin-preval": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -19902,6 +19929,17 @@
         "@babel/helper-define-polyfill-provider": "^0.3.3"
       }
     },
+    "babel-plugin-preval": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-preval/-/babel-plugin-preval-5.1.0.tgz",
+      "integrity": "sha512-G5R+xmo5LS41A4UyZjOjV0mp9AvkuCyUOAJ6TOv/jTZS+VKh7L7HUDRcCSOb0YCM/u0fFarh7Diz0wjY8rFNFg==",
+      "requires": {
+        "@babel/runtime": "^7.12.5",
+        "@types/babel__core": "^7.1.12",
+        "babel-plugin-macros": "^3.0.1",
+        "require-from-string": "^2.0.2"
+      }
+    },
     "babel-plugin-transform-react-remove-prop-types": {
       "version": "0.4.24",
       "resolved": "https://registry.npmjs.org/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz",
@@ -25990,6 +26028,14 @@
         }
       }
     },
+    "preval.macro": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/preval.macro/-/preval.macro-5.0.0.tgz",
+      "integrity": "sha512-+OZRqZYx1pjZ7H5Jis8bPFXkiT7lwA46UzAT4IjuzFVKwkJK+TwIx1TCqrqNCf8U3e5O12mEJEz1BXslkCLWfQ==",
+      "requires": {
+        "babel-plugin-preval": "^5.0.0"
+      }
+    },
     "process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
diff --git a/react_usse/package.json b/react_usse/package.json
index 47f138ba..9bcf3605 100644
--- a/react_usse/package.json
+++ b/react_usse/package.json
@@ -5,6 +5,7 @@
   "dependencies": {
     "escape-string-regexp": "^1.0.5",
     "leaflet": "",
+    "preval.macro": "^5.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^3.2.2",
diff --git a/react_usse/src/MapContainer.js b/react_usse/src/MapContainer.js
index 748c13ce..b2a438d7 100644
--- a/react_usse/src/MapContainer.js
+++ b/react_usse/src/MapContainer.js
@@ -5,6 +5,7 @@ import LocationDetails from './LocationDetails';
 import L from 'leaflet';
 import icon from 'leaflet/dist/images/marker-icon.png';
 import iconShadow from 'leaflet/dist/images/marker-shadow.png';
+import preval from 'preval.macro'
 
 let DefaultIcon = L.icon({
     iconUrl: icon,
@@ -191,6 +192,9 @@ class LeafletMap extends Component {
                                 ))} */}
                             </ol>
                         </div>
+                        <p>
+                            Build Date: {preval`module.exports = new Date().toLocaleString();`}.
+                        </p>
                         {this.state.showDetails && (
                             <LocationDetails selectedLocation = {this.state.selectedLocation} locationData = {this.state.locationData}/>
                         )}