Preventing multiple reinitialization of Metaeditor / player

[shussain0x]

Hey Folks! I'm building a online video chat like project where the I have two components.

One component contains: A bot avatar from unreal engine, and on the right on a small window, the user's camera feed is shown.
Whereas, the second component contains: A display where user can answer questions such as dropdown, radio buttons or checkboxes. and on the right, the bot avatar and just below aligned is the user feed.

These two components need to switch based on the users response. But the issue is, the player from "pixel-streaming" tries to reconnect every time the components switch.

I was wondering, is there a way, where i can initialize the player only once, and use that same reference on both the components, whenever they rerender, to prevent the reconnecting? and have a seamless uninterrupted feed from the avatar without reconnecting everytime the component switches?

Im currently using pixel-streaming v4.3.13
with next js

Any help would be highly appreciated.