Update yorkie to v0.5.6

backend/docker/docker-compose-full.yml

@@ -38,7 +38,7 @@ services:
             - "yorkie:yorkie"
 
     yorkie:
-        image: "yorkieteam/yorkie:0.5.5"
+        image: "yorkieteam/yorkie:0.5.6"
         command: ["server", "--enable-pprof"]
         restart: always
         ports:

backend/docker/docker-compose.yml

@@ -2,7 +2,7 @@ version: "3.8"
 
 services:
     yorkie:
-        image: "yorkieteam/yorkie:0.5.5"
+        image: "yorkieteam/yorkie:0.5.6"
         command: ["server", "--enable-pprof"]
         restart: always
         ports:

frontend/package.json

@@ -82,7 +82,7 @@
 		"refractor": "^4.8.1",
 		"validator": "^13.12.0",
 		"vite-plugin-package-version": "^1.1.0",
-		"yorkie-js-sdk": "0.5.5"
+		"yorkie-js-sdk": "0.5.6"
 	},
 	"devDependencies": {
 		"@sentry/vite-plugin": "^2.20.1",

frontend/src/hooks/useYorkieDocument.ts

@@ -81,7 +81,7 @@ export const useYorkieDocument = (
 
 		try {
 			await client.detach(doc);
-			await client.deactivate();
+			await client.deactivate({ keepalive: true });
 		} catch (error) {
 			console.error("Error during Yorkie cleanup:", error);
 		}
@@ -102,8 +102,7 @@ export const useYorkieDocument = (
 
 				// Clean up if the component is unmounted before the initialization is done
 				if (!mounted) {
-					await newClient.detach(newDoc);
-					await newClient.deactivate();
+					await newClient.deactivate({ keepalive: true });
 					return;
 				}
 
@@ -137,5 +136,17 @@ export const useYorkieDocument = (
 		};
 	}, [cleanUpYorkieDocument]);
 
+	useEffect(() => {
+		const handleBeforeUnload = () => {
+			cleanUpYorkieDocument();
+		};
+
+		window.addEventListener("beforeunload", handleBeforeUnload);
+
+		return () => {
+			window.removeEventListener("beforeunload", handleBeforeUnload);
+		};
+	}, [cleanUpYorkieDocument]);
+
 	return { client, doc };
 };