TrackRefContext

const TrackRefContext: Context<unknown>;

// Basic — render children with the current track reference context.
<TrackRefContext />

// Advanced — consume the track reference created by TrackLoop.
function CameraLoop() {
  return <VoiceRoom agent={agent}><CameraLoopContent /></VoiceRoom>;
}

function CameraLoopContent() {
  const tracks = useTracks([Track.Source.Camera]);
  return (
    <TrackLoop tracks={tracks}>
      <TrackRefContext.Consumer>
        {(trackRef) => trackRef && <VideoTrack trackRef={trackRef} />}
      </TrackRefContext.Consumer>
    </TrackLoop>
  );
}