refactor: updated data dog config

package-lock.json

@@ -9,6 +9,7 @@
       "version": "0.1.0",
       "license": "AGPL-3.0",
       "dependencies": {
+        "@datadog/browser-rum": "^5.13.0",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/modifiers": "^7.0.0",
         "@dnd-kit/sortable": "^8.0.0",
@@ -2323,6 +2324,36 @@
         "postcss-selector-parser": "^6.0.10"
       }
     },
+    "node_modules/@datadog/browser-core": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/@datadog/browser-core/-/browser-core-5.13.0.tgz",
+      "integrity": "sha512-5WciDj4IqpfaFZViJNXxovmDQiwoPZ/UWq4WMW7YafG22XNjrc6XbL5PWuAaG6fqcYFW0peE8g56ji5O78vMSA=="
+    },
+    "node_modules/@datadog/browser-rum": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/@datadog/browser-rum/-/browser-rum-5.13.0.tgz",
+      "integrity": "sha512-3xRyKp4rnMWMNhoy/pd8uDpQsNO3dh3nivNk5MzaxKo+mLsJUGFtj9nIq/jN38jl1tOEFbFMcgvCo15bkdHeQw==",
+      "dependencies": {
+        "@datadog/browser-core": "5.13.0",
+        "@datadog/browser-rum-core": "5.13.0"
+      },
+      "peerDependencies": {
+        "@datadog/browser-logs": "5.13.0"
+      },
+      "peerDependenciesMeta": {
+        "@datadog/browser-logs": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@datadog/browser-rum-core": {
+      "version": "5.13.0",
+      "resolved": "https://registry.npmjs.org/@datadog/browser-rum-core/-/browser-rum-core-5.13.0.tgz",
+      "integrity": "sha512-MbDbg+ciQlYd2c0gE21Jw1P4R/liLIzPQW96iJGpUBG67ScfYjKyNS0GnKtLwak9rcQJInv3FODhgr2DUfm88w==",
+      "dependencies": {
+        "@datadog/browser-core": "5.13.0"
+      }
+    },
     "node_modules/@discoveryjs/json-ext": {
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",

package.json

@@ -36,6 +36,7 @@
     "url": "https://github.com/openedx/frontend-app-course-authoring/issues"
   },
   "dependencies": {
+    "@datadog/browser-rum": "^5.13.0",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",

src/index.jsx

@@ -14,6 +14,7 @@ import {
   QueryClient,
   QueryClientProvider,
 } from '@tanstack/react-query';
+import { datadogRum } from '@datadog/browser-rum';
 
 import { initializeHotjar } from '@edx/frontend-enterprise-hotjar';
 import { logError } from '@edx/frontend-platform/logging';
@@ -37,6 +38,21 @@ const App = () => {
   useEffect(() => {
     if (process.env.HOTJAR_APP_ID) {
       try {
+        datadogRum.init({
+          applicationId: 'a3f99dcb-4955-4baa-8341-39a88603ab08',
+          clientToken: 'pubf2e79d946cec4c4413965620ba0e0b72',
+          site: 'datadoghq.com',
+          service: 'edx-frontend-sandbox',
+          env: 'staging',
+          // Specify a version number to identify the deployed version of your application in Datadog
+          version: '1.0.0',
+          sessionSampleRate: 100,
+          sessionReplaySampleRate: 20,
+          trackUserInteractions: true,
+          trackResources: true,
+          trackLongTasks: true,
+          defaultPrivacyLevel: 'mask-user-input',
+        });
         initializeHotjar({
           hotjarId: process.env.HOTJAR_APP_ID,
           hotjarVersion: process.env.HOTJAR_VERSION,
@@ -101,6 +117,8 @@ subscribe(APP_INIT_ERROR, (error) => {
   ReactDOM.render(<ErrorPage message={error.message} />, document.getElementById('root'));
 });
 
+
+
 initialize({
   handlers: {
     config: () => {