I am new with React and my task is to integrate in several places my newly created react app as it is in parent react app. I made this with iframe but for security reasons i have to switch the ingreration into a web component inside of a parent app. Now for a specific route i render a custom component which returns:

return (
    <iframe src="http://localhost:3000"
        width={1265} height={700} />
);

So the advice to me was to create a web component which will render and encapsulating the app but here i have a difficulties to do it. Can you give me some advice how to make a web component witch can be used as code above simply to render my application with a source url in the parent app? I read a lot about web components, but i cant find anything similar to pass a source url and return my application as view. The view must be after clicking a sidebar button to open my app in the same window on the right like iframe does.