Render content into the canvas from another component using portals

[xydian]

Hi :)

First of all: really awesome library! Started with plain ThreeJS within React and this really helps, but I have a question though.

I have an application where the user can activate plugins to edit an existing 3D Model (e.g. add elements to the model). Is it possible to portal into the canvas from within my normal react plugin components? Example code blow:

function App(){
  return (
    <div>
      <Canvas>
        {/* any existing content */}
      </Canvas>

      <Plugin />
    </div>
  )
}

function Plugin(){
  return (
      <div>
        {/* here is a form that the user can input information about the object to create */}
        <TextInput />
        <TextInput />
        <Button />

        <ScenePortal>
          {/* here i want to render scene content that gets injected into the canvas above based on the inputs the user made */}
        </ScenePortal>
      </div>
  )
}