ParticipantLoop

The ParticipantLoop component loops over an array of participants to create a context for every participant. This component takes exactly one child component as a template. By providing your own template as a child you have full control over the look and feel of your participant representations.

import { ParticipantLoop } from '@livekit/components-react';

If you want to loop over individual tracks instead of participants, you can use the TrackLoop component.

const participants = useParticipants();
<ParticipantLoop participants={participants}>
  <ParticipantName />
<ParticipantLoop />