A little bit of background, so I am essentially trying to convert the following library in react ( lib-jitsi-meet) and I am currently trying to use the example code, which uses generic javascript. I did make a hook to run it, and the way it works is by essentially appending a video tag to the body whenever a participant joins the meet.

        if (localTracks[i].getType() === 'video') {
            $('body').append(`<video autoplay='1' id='localVideo${i}' />`);
            localTracks[i].attach($(`#localVideo${i}`)[0]);
        }

However, directly interfering with the DOM doesn't really feel right. is there any way I can modify the code so that it follows the proper React principles?