Missing Parent (Scene, Group...)

Hello, thanks for this lib !

I’m trying to use different component for my app, but got this error (Missing Parent (Scene, Group...)

App.vue

  <Renderer class="App__canvas" resize="window" :orbit-ctrl="{ enableDamping: true }">
    <Camera :position="{ z: 10 }" />
    <Scene>
      <Test />
    </Scene>
  </Renderer>

Test.vue

<template>
  <Group>
    <PointLight :position="{ y: 50, z: 50 }" />
    <Sphere>
      <LambertMaterial color="red" />
    </Sphere>
  </Group>
</template>

<script setup>
import { Group, PointLight, Sphere, LambertMaterial } from 'troisjs'
</script>

Don’t understand how we can use component inside a Renderer.

If i use Scene instead of Group in Test.vue it work… But a scene inside a scene is not a good practice ?

Thank !

[klevron]

I will publish a new version with the fix in a few days, thanks for the help 👍

[stephanedemotte]

@klevron any chance to add this fix for script setup user ?