Forward muted prop on audio elements (#1065)

Author: lukasIO

.changeset/khaki-kangaroos-compete.md

@@ -0,0 +1,5 @@
+---
+"@livekit/components-react": minor
+---
+
+Forward muted prop on audio elements

packages/react/src/components/participant/AudioTrack.tsx

@@ -40,7 +40,7 @@ export const AudioTrack: (
   props: AudioTrackProps & React.RefAttributes<HTMLAudioElement>,
 ) => React.ReactNode = /* @__PURE__ */ React.forwardRef<HTMLAudioElement, AudioTrackProps>(
   function AudioTrack(
-    { trackRef, onSubscriptionStatusChanged, volume, muted, ...props }: AudioTrackProps,
+    { trackRef, onSubscriptionStatusChanged, volume, ...props }: AudioTrackProps,
     ref,
   ) {
     const trackReference = useEnsureTrackRef(trackRef);
@@ -74,15 +74,15 @@ export const AudioTrack: (
     }, [volume, track]);
 
     React.useEffect(() => {
-      if (pub === undefined || muted === undefined) {
+      if (pub === undefined || props.muted === undefined) {
         return;
       }
       if (pub instanceof RemoteTrackPublication) {
-        pub.setEnabled(!muted);
+        pub.setEnabled(!props.muted);
       } else {
         log.warn('Can only call setEnabled on remote track publications.');
       }
-    }, [muted, pub, track]);
+    }, [props.muted, pub, track]);
 
     return <audio ref={mediaEl} {...elementProps} />;
   },