feat: make sdk disconnected on Sendbird component umount (#636)

Made sdk.disconnect() is called when lib/Sendbird component is unmounted

https://sendbird.atlassian.net/browse/UIKIT-4132

Author: AhyoungRyu

src/hooks/useUnmount.ts

@@ -1,10 +1,10 @@
-import { useLayoutEffect } from 'react';
+import { DependencyList, useLayoutEffect } from 'react';
 
 // this hook accepts a callback to run component is unmounted
-export function useUnmount(callback: () => void) {
+export function useUnmount(callback: () => void, deps: DependencyList = []) {
   useLayoutEffect(() => {
     return () => {
       callback();
     };
-  }, []);
+  }, deps);
 }

src/lib/Sendbird.tsx

@@ -31,6 +31,8 @@ import { useMarkAsReadScheduler } from './hooks/useMarkAsReadScheduler';
 import { ConfigureSessionTypes } from './hooks/useConnect/types';
 import { useMarkAsDeliveredScheduler } from './hooks/useMarkAsDeliveredScheduler';
 import { getCaseResolvedReplyType, getCaseResolvedThreadReplySelectType } from './utils/resolvedReplyType';
+import { useUnmount } from '../hooks/useUnmount';
+import { disconnectSdk } from './hooks/useConnect/disconnectSdk';
 
 export type UserListQueryType = {
   hasNext?: boolean;
@@ -192,6 +194,17 @@ const SendbirdSDK = ({
     initDashboardConfigs,
   });
 
+  useUnmount(() => {
+    if (typeof sdk.disconnect === 'function') {
+      disconnectSdk({
+        logger,
+        sdkDispatcher,
+        userDispatcher,
+        sdk,
+      });
+    }
+  }, [sdk.disconnect]);
+
   // to create a pubsub to communicate between parent and child
   useEffect(() => {
     setLogger(LoggerFactory(logLevel as LogLevel));