\r\n \u003CTresOrbitControls\r\n v-if=\"state?.renderer\"\r\n :args=\"[state?.camera, state?.renderer?.domElement]\"\r\n />\r\n\u003C/TresCanvas>\r\n```\r\n\r\nOr even deconstruct it\r\n\r\n```html\r\n\u003CTresCanvas shadows alpha v-slot=\"{ camera, renderer }\">\r\n \u003CTresPerspectiveCamera :position=\"[5, 5, 5]\" />\r\n \u003CTresOrbitControls\r\n v-if=\"renderer\"\r\n :args=\"[camera, renderer.domElement]\"\r\n />\r\n\u003C/TresCanvas>\r\n```\r\n\r\n### Suggested solution\r\n\r\nAdd this to `TresCanvas.vue`\r\n\r\n```html\r\n\u003Ccanvas\r\n ref=\"canvas\"\r\n :data-scene=\"scene.uuid\"\r\n :class=\"$attrs.class\"\r\n :data-tres=\"`tresjs ${pkg.version}`\"\r\n :style=\"{\r\n display: 'block',\r\n width: '100%',\r\n height: '100%',\r\n position: windowSize ? 'fixed' : 'relative',\r\n top: 0,\r\n left: 0,\r\n pointerEvents: 'auto',\r\n touchAction: 'none',\r\n ...$attrs.style as Object,\r\n }\"\r\n >\r\n \u003Cslot v-bind=\"context\" />\r\n\u003C/canvas>\r\n```\r\n\r\n### Alternative\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\nrelated #565\r\n\r\n### Validations\r\n\r\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://tresjs.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/tresjs/tres/issues) that reports the same bug to avoid creating a duplicate.",[2947,2950],{"name":2948,"color":2949},"wontfix","ffffff",{"name":2951,"color":2952},"has-workaround","AEA9C4",572,"Use default slot props to get Canvas context","2024-06-01T07:39:43Z","https://github.com/Tresjs/tres/issues/572",0.6856613,{"description":2959,"labels":2960,"number":2961,"owner":2859,"repository":2962,"state":2902,"title":2963,"updated_at":2964,"url":2965,"score":2966}," Hello. I appreciate your work for this wonderful library.\r\n As I follow the steps detailed in [https://docs.tresjs.org/advanced/primitive.html](url) using BatchedMesh, it thow an exception as follows: \r\n\r\n My code example is as below:\r\n`\u003Cscript setup lang=\"ts\">\r\n const geometry2 = new THREE.ConeGeometry();\r\n const geometry3 = new THREE.BoxGeometry();\r\n const mtl3 = new THREE.MeshBasicMaterial({ color: 0xffff00 })\r\n const meshWithMtl2 = new THREE.BatchedMesh(20, 1000, 1000, mtl3)\r\n var geoId = meshWithMtl2.addGeometry(geometry2);\r\n meshWithMtl2.addInstance(geoId)\r\n var geoId2 = meshWithMtl2.addGeometry(geometry3);\r\n meshWithMtl2.addInstance(geoId2)\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cprimitive :object=\" meshWithMtl2\" />\r\n\u003C/template>\r\n`\r\n What have I missed or mistaken? Hope to get your help.\r\n",[],150,"lab","BatchedMesh dosn't work with the primitive component","2024-08-12T00:16:46Z","https://github.com/Tresjs/lab/issues/150",0.6859405,["Reactive",2968],{},["Set"],["ShallowReactive",2971],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fyVW1RCBDV76qdD0QHm_Gc_MelMR-pKcts498-jnGEkY":-1},"/Tresjs/tres/961"]