Add LogRocket for error tracking and monitoring

Author: azat-ismagilov

package-lock.json

@@ -6,6 +6,8 @@
     "@mui/icons-material": "^5.11.0",
     "@mui/material": "^5.11.0",
     "lightbox2": "^2.11.3",
+    "logrocket": "^10.1.0",
+    "logrocket-react": "^6.0.3",
     "notistack": "^3.0.1",
     "react": "^18.0.2",
     "react-dom": "^18.0.2",

package.json

@@ -2,10 +2,25 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import { BrowserRouter } from "react-router-dom";
 
+import LogRocket from "logrocket";
+
 import App from "./App";
 import { AppContextProvider } from "./components/AppContext";
 import { PhotoInfoProvider } from "./components/Body/PhotoInfo/PhotoInfoContext";
 
+function logRocketId() {
+  const env = import.meta.env.MODE || "development";
+  if (env === "production") {
+    return "0y4ijo/icpc-gallery-prod";
+  } else if (env === "staging") {
+    return "0y4ijo/icpc-gallery-staging";
+  } else {
+    return "0y4ijo/icpc-gallery-dev";
+  }
+}
+
+LogRocket.init(logRocketId());
+
 const root = ReactDOM.createRoot(document.getElementById("root"));
 
 root.render(