fix ui: fix tracker testing package

.github/workflows/ui-tests.js.yml

@@ -144,6 +144,7 @@ jobs:
 #        run: yarn cy:test-firefox
 #      - name: (Edge) Run visual tests
 #        run: yarn cy:test-edge
+        timeout-minutes: 5
       - name: Upload Debug
         if: ${{ failure() }}
         uses: actions/upload-artifact@v3

tracker/tracker-testing-playground/package.json

@@ -8,18 +8,18 @@
     "@tanstack/react-table": "^8.2.6",
     "@types/node": "^12.0.0",
     "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
+    "@types/react-dom": "^18.3.0",
     "@types/uuid": "^8.3.3",
     "axios": "^0.27.2",
-    "react": "^17.0.2",
+    "react": "^18.3.1",
-    "react-bootstrap": "^2.5.0",
+    "react-bootstrap": "^2.10.2",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.3.1",
-    "react-scripts": "4.0.3",
+    "react-scripts": "5.0.1",
     "react-table": "^7.8.0",
-    "redux": "^4.2.0",
+    "redux": "^5.0.1",
-    "typescript": "^4.1.2",
+    "typescript": "^5.4.5",
-    "uuid": "^8.3.2",
+    "uuid": "^9.0.1",
-    "zustand": "^4.1.1"
+    "zustand": "^4.5.2"
   },
   "scripts": {
     "start": "HOST=0.0.0.0 react-scripts --openssl-legacy-provider start",
@@ -44,5 +44,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
   }
 }

tracker/tracker-testing-playground/src/index.tsx

@@ -1,15 +1,12 @@
 import React from "react";
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 import "./index.css";
 import App from "./App";
 // import reportWebVitals from "./reportWebVitals";
 
-ReactDOM.render(
+// @ts-ignore
-  <React.StrictMode>
+const root = createRoot(document.getElementById("root"))
-    <App />
+root.render(<App />)
-  </React.StrictMode>,
-  document.getElementById("root")
-);
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))

tracker/tracker-testing-playground/src/tracker.ts

@@ -18,7 +18,7 @@ const tracker = new Tracker({
   // @ts-ignore
   network: { capturePayload: true },
   verbose: true,
-  __debug__: true,
+  __debug__: 5,
   onStart: () => {
     tracker.setUserID('Testing_bot');
     tracker.setMetadata('test', 'cypress')

tracker/tracker/src/main/index.ts

@@ -179,7 +179,7 @@ export default class API {
     Tabs(app)
     ;(window as any).__OPENREPLAY__ = this
 
-    if (options.flags?.onFlagsLoad) {
+    if (options.flags && options.flags.onFlagsLoad) {
       this.onFlagsLoad(options.flags.onFlagsLoad)
     }
     const wOpen = window.open