on unmount, wait for resource cleanup before setting disconnected status (#347)

Author: yinishi

packages/embed-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humeai/voice-embed-react",
-  "version": "0.2.0-beta.17",
+  "version": "0.2.0-beta.18",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

packages/embed/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humeai/voice-embed",
-  "version": "0.2.0-beta.17",
+  "version": "0.2.0-beta.18",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@humeai/voice-react",
-  "version": "0.2.0-beta.17",
+  "version": "0.2.0-beta.18",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

packages/react/src/lib/VoiceProvider.tsx

@@ -710,14 +710,15 @@ export const VoiceProvider: FC<VoiceProviderProps> = ({
   useEffect(() => {
     // disconnect from socket when the voice provider component unmounts
     return () => {
-      void disconnectAndCleanUpResources();
-      setStatus({ value: 'disconnected' });
-      isConnectingRef.current = false;
-      resourceStatusRef.current = {
-        mic: 'disconnected',
-        audioPlayer: 'disconnected',
-        socket: 'disconnected',
-      };
+      void disconnectAndCleanUpResources().then(() => {
+        setStatus({ value: 'disconnected' });
+        isConnectingRef.current = false;
+        resourceStatusRef.current = {
+          mic: 'disconnected',
+          audioPlayer: 'disconnected',
+          socket: 'disconnected',
+        };
+      });
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);