From aa5485d8fd8e5f240e49985ac57fea955f338fae Mon Sep 17 00:00:00 2001
From: Atridad Lahiji <me@atri.dad>
Date: Tue, 8 Aug 2023 12:39:06 -0600
Subject: [PATCH] :|

---
 src/pages/room/[id].tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/pages/room/[id].tsx b/src/pages/room/[id].tsx
index 7fc02b5..7243cd3 100644
--- a/src/pages/room/[id].tsx
+++ b/src/pages/room/[id].tsx
@@ -91,7 +91,7 @@ const RoomBody: React.FC = ({}) => {
     },
   });
 
-  useChannel(
+  const [channel] = useChannel(
     {
       channelName: `${env.NEXT_PUBLIC_APP_ENV}-${roomId}`,
     },
@@ -116,6 +116,17 @@ const RoomBody: React.FC = ({}) => {
     }
   );
 
+  // Subscribe on mount and unsubscribe on unmount
+  useEffect(() => {
+    window.addEventListener("beforeunload", () => channel.presence.leave());
+    return () => {
+      window.removeEventListener("beforeunload", () =>
+        channel.presence.leave()
+      );
+      channel.presence.leave();
+    };
+  }, [channel.presence, roomId]);
+
   // Init story name
   useEffect(() => {
     if (sessionData && roomFromDb) {