@stream-io/video-react-sdk 1.33.3 → 1.33.4

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.33.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.33.3...@stream-io/video-react-sdk-1.33.4) (2026-03-09)
+
+### Dependency Updates
+
+- `@stream-io/audio-filters-web` updated to version `0.7.3`
+
+### Bug Fixes
+
+- **react:** await initialization before enabling / disabling noise cancellation ([#2153](https://github.com/GetStream/stream-video-js/issues/2153)) ([3455a0e](https://github.com/GetStream/stream-video-js/commit/3455a0e597245af6c34332424b4b7029abf7c675))
+
 ## [1.33.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.33.2...@stream-io/video-react-sdk-1.33.3) (2026-03-06)
 
 ### Dependency Updates

package/dist/embedded.cjs.js

@@ -1153,7 +1153,7 @@ const SpeakerTest = (props) => {
     const audioElementRef = react.useRef(null);
     const [isPlaying, setIsPlaying] = react.useState(false);
     const { t } = videoReactBindings.useI18n();
-    const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.33.3"}/assets/piano.mp3`, } = props;
+    const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.33.4"}/assets/piano.mp3`, } = props;
     // Update audio output device when selection changes
     react.useEffect(() => {
         const audio = audioElementRef.current;
@@ -1572,6 +1572,7 @@ const NoiseCancellationProvider = (props) => {
     }, [noiseCancellation]);
     const isSupported = isSupportedByBrowser && hasCapability && noiseCancellationAllowed;
     const [isEnabled, setIsEnabled] = react.useState(false);
+    const [isReady, setIsReady] = react.useState(false);
     const deinit = react.useRef(undefined);
     react.useEffect(() => {
         if (!call || !isSupported)
@@ -1580,17 +1581,23 @@ const NoiseCancellationProvider = (props) => {
         const unsubscribe = noiseCancellation.on('change', (v) => setIsEnabled(v));
         const init = (deinit.current || Promise.resolve())
             .then(() => noiseCancellation.init({ tracer: call.tracer }))
-            .then(() => call.microphone.enableNoiseCancellation(noiseCancellation))
+            .then(() => {
+            setIsReady(true);
+            return call.microphone.enableNoiseCancellation(noiseCancellation);
+        })
             .catch((e) => console.error(`Can't initialize noise cancellation`, e));
         return () => {
             deinit.current = init
                 .then(() => call.microphone.disableNoiseCancellation())
                 .then(() => noiseCancellation.dispose())
-                .then(() => unsubscribe());
+                .then(() => unsubscribe())
+                .catch((e) => console.error("Can't clean up noise cancellation", e))
+                .finally(() => setIsReady(false));
         };
     }, [call, isSupported, noiseCancellation]);
     const contextValue = react.useMemo(() => ({
         isSupported,
+        isReady,
         isEnabled,
         setSuppressionLevel: (level) => {
             if (!noiseCancellation)
@@ -1614,7 +1621,7 @@ const NoiseCancellationProvider = (props) => {
                 });
             }
         },
-    }), [isEnabled, isSupported, noiseCancellation]);
+    }), [isEnabled, isReady, isSupported, noiseCancellation]);
     return (jsxRuntime.jsx(NoiseCancellationContext.Provider, { value: contextValue, children: children }));
 };