diff --git a/.changeset/olive-zebras-shop.md b/.changeset/olive-zebras-shop.md new file mode 100644 index 000000000..8ff151c3b --- /dev/null +++ b/.changeset/olive-zebras-shop.md @@ -0,0 +1,5 @@ +--- +"@livekit/components-react": patch +--- + +Fix duplicated incoming audio when using AudioTrack renderer and its muted property diff --git a/packages/react/src/components/participant/AudioTrack.tsx b/packages/react/src/components/participant/AudioTrack.tsx index 79ece3b8a..cfe404787 100644 --- a/packages/react/src/components/participant/AudioTrack.tsx +++ b/packages/react/src/components/participant/AudioTrack.tsx @@ -38,7 +38,7 @@ export interface AudioTrackProps extends React.AudioHTMLAttributes( function AudioTrack( - { trackRef, onSubscriptionStatusChanged, volume, ...props }: AudioTrackProps, + { trackRef, onSubscriptionStatusChanged, volume, muted, ...props }: AudioTrackProps, ref, ) { const trackReference = useEnsureTrackRef(trackRef); @@ -72,15 +72,15 @@ export const AudioTrack = /* @__PURE__ */ React.forwardRef { - if (pub === undefined || props.muted === undefined) { + if (pub === undefined || muted === undefined) { return; } if (pub instanceof RemoteTrackPublication) { - pub.setEnabled(!props.muted); + pub.setEnabled(!muted); } else { log.warn('Can only call setEnabled on remote track publications.'); } - }, [props.muted, pub, track]); + }, [muted, pub, track]); return