Video flickering on re-render

[abdurahman-tg]

Hey,

I have a component that uses RemoterUser to render a remote video. When my component re-renders, all the videos disappear and re-appear, such as when muting or unmuting.

How can I fix this issue?

Thanks!

[guoxianzhe]

@DasGandlaf Can you tell me what is your component look like?

[redkean]

just don't pass a prop that is recreated every render.

❌ BAD

<RemoteUser user={remoteUser} videoPlayerConfig={{ fit: 'contain' }} />

✅ GOOD

const videoPlayerConfig = { fit: 'contain' };
// or
const videoPlayerConfig = useMemo(() => ({ fit: 'contain' }), []);

// component call
<RemoteUser user={remoteUser} videoPlayerConfig={videoPlayerConfig} />