Fixed instability on vercel

package.json

@@ -14,43 +14,43 @@
   "dependencies": {
     "@ably-labs/react-hooks": "^2.1.1",
     "@auth/prisma-adapter": "^1.0.0",
-    "@prisma/client": "4.16.0",
+    "@prisma/client": "4.16.1",
     "@react-email/components": "^0.0.7",
-    "@tanstack/react-query": "^4.29.15",
-    "@trpc/client": "10.31.0",
-    "@trpc/next": "10.31.0",
-    "@trpc/react-query": "10.31.0",
-    "@trpc/server": "10.31.0",
+    "@tanstack/react-query": "^4.29.19",
+    "@trpc/client": "10.33.0",
+    "@trpc/next": "10.33.0",
+    "@trpc/react-query": "10.33.0",
+    "@trpc/server": "10.33.0",
     "@upstash/ratelimit": "^0.4.3",
-    "@upstash/redis": "^1.21.0",
+    "@upstash/redis": "^1.22.0",
     "ably": "^1.2.40",
     "autoprefixer": "^10.4.14",
     "json2csv": "6.0.0-alpha.2",
-    "next": "^13.4.6",
+    "next": "^13.4.7",
     "next-auth": "^4.22.1",
     "postcss": "^8.4.24",
     "preact": "^10.15.1",
     "react": "18.2.0",
     "react-email": "^1.9.4",
-    "react-icons": "^4.9.0",
-    "resend": "^0.15.3",
+    "react-icons": "^4.10.1",
+    "resend": "^0.16.0",
     "sharp": "^0.32.1",
-    "superjson": "1.12.3",
+    "superjson": "1.12.4",
     "zod": "^3.21.4"
   },
   "devDependencies": {
     "@types/eslint": "^8.40.2",
     "@types/json2csv": "^5.0.3",
-    "@types/node": "^20.3.1",
-    "@types/react": "^18.2.13",
-    "@typescript-eslint/eslint-plugin": "^5.60.0",
-    "@typescript-eslint/parser": "^5.60.0",
-    "daisyui": "^3.1.5",
+    "@types/node": "^20.3.2",
+    "@types/react": "^18.2.14",
+    "@typescript-eslint/eslint-plugin": "^5.60.1",
+    "@typescript-eslint/parser": "^5.60.1",
+    "daisyui": "^3.1.7",
     "eslint": "^8.43.0",
-    "eslint-config-next": "^13.4.6",
-    "prisma": "4.16.0",
+    "eslint-config-next": "^13.4.7",
+    "prisma": "4.16.1",
     "tailwindcss": "^3.3.2",
-    "typescript": "^5.1.3"
+    "typescript": "^5.1.5"
   },
   "ct3aMetadata": {
     "initVersion": "7.5.9"

src/pages/room/[id].tsx

@@ -116,8 +116,6 @@ const RoomBody: React.FC = () => {
   useEffect(() => {
     window.addEventListener("beforeunload", () => channel.presence.leave());
     return () => {
-      localStorage.removeItem(`${roomId}_story_name`);
-      localStorage.removeItem(`${roomId}_room_scale`);
       window.removeEventListener("beforeunload", () =>
         channel.presence.leave()
       );
@@ -128,14 +126,8 @@ const RoomBody: React.FC = () => {
   // Init story name
   useEffect(() => {
     if (sessionData && roomFromDb) {
-      const storyNameString = localStorage.getItem(`${roomId}_story_name`);
-      const roomScaleString = localStorage.getItem(`${roomId}_room_scale`);
-      setStoryNameText(
-        storyNameString !== null ? storyNameString : roomFromDb.storyName || ""
-      );
-      setRoomScale(
-        roomScaleString !== null ? roomScaleString : roomFromDb.scale || "ERROR"
-      );
+      setStoryNameText(roomFromDb.storyName || "");
+      setRoomScale(roomFromDb.scale || "ERROR");
     }
   }, [roomFromDb, roomId, sessionData]);
 
@@ -175,7 +167,6 @@ const RoomBody: React.FC = () => {
 
   const downloadLogs = () => {
     if (roomFromDb && votesFromDb) {
-      // const element = document.createElement("a");
       const jsonObject = roomFromDb?.logs
         .map((item) => {
           return {
@@ -373,10 +364,6 @@ const RoomBody: React.FC = () => {
                     value={roomScale}
                     onChange={(event) => {
                       setRoomScale(event.target.value);
-                      localStorage.setItem(
-                        `${roomId}_room_scale`,
-                        event.target.value
-                      );
                     }}
                   />
 
@@ -389,10 +376,6 @@ const RoomBody: React.FC = () => {
                     value={storyNameText}
                     onChange={(event) => {
                       setStoryNameText(event.target.value);
-                      localStorage.setItem(
-                        `${roomId}_story_name`,
-                        event.target.value
-                      );
                     }}
                   />
 

src/utils/api.ts

@@ -28,14 +28,6 @@ export const api = createTRPCNext<AppRouter>({
        */
       transformer: superjson,
 
-      queryClientConfig: {
-        defaultOptions: {
-          queries: {
-            refetchOnWindowFocus: false,
-          },
-        },
-      },
-
       /**
        * Links used to determine request flow from client to server.
        *