Audio mute button in lobby view causes video to reload

[hughns]

This feels like it is totally unnecessary and isn't consistent UX with what happens when you are inside a call.

[Half-Shot]

The problem is usePreviewTracks (

element-call/src/room/LobbyView.tsx

Line 140 in 8c02809

const tracks = usePreviewTracks(localTrackOptions, onError);

) will recreate both tracks each time the options property is mutated, even if no change is made to one track.

The function itself is relatively trivial, so we could reimplement it with better tracking of existing tracks if we wanted or attempt to commit a fix upstream to livekit.

[robintown]

I'm planning to do a bit of a refactor in which the LiveKit room becomes created at a higher point in the component tree, and instead of using this hook from LiveKit, we just use the local participant's tracks on the room as the video preview. This would also have the advantage of not reacquiring media when you enter the call.