` just below the `TresDirectionalLight`, and sets it ref property to a shallow ref. This seems to cause an error in the library:\r\n\r\n```\r\nthree.module.js:52035 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'matrixWorld')\r\n at new Lm (three.module.js:52035:23)\r\n at n (tres.js:1202:14)\r\n at mountElement (runtime-dom.esm-browser.js:5971:21)\r\n at processElement (runtime-dom.esm-browser.js:5945:7)\r\n at patch (runtime-dom.esm-browser.js:5813:11)\r\n at mountChildren (runtime-dom.esm-browser.js:6057:7)\r\n at processFragment (runtime-dom.esm-browser.js:6239:7)\r\n at patch (runtime-dom.esm-browser.js:5799:9)\r\n at ReactiveEffect.componentUpdateFn [as fn] (runtime-dom.esm-browser.js:6440:11)\r\n at ReactiveEffect.run (runtime-dom.esm-browser.js:471:19)\r\n```\n\n### System Info\n\n_No response_\n\n### Used Package Manager\n\nnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\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.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2892,2895],{"name":2893,"color":2894},"bug","d73a4a",{"name":2896,"color":2897},"p4-important-bug","D93F0B",860,"TresDirectionalLightHelper Uncaught (in promise): Cannot read properties of undefined (reading 'matrixWorld')","2024-10-19T11:51:58Z","https://github.com/Tresjs/tres/issues/860",0.71449435,{"description":2904,"labels":2905,"number":2907,"owner":2857,"repository":2908,"state":2909,"title":2910,"updated_at":2911,"url":2912,"score":2913},"### Describe the bug\r\n\r\nWhen using `\u003CEnvironment />` and `\u003CContactShadows />` together, the fake plane for the shadows uses the clearColor instead. (Is not setting the `background` property) \r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-7kj23l?file=src%2Fcomponents%2FTheExperience.vue,package.json,src%2FApp.vue\r\n\r\n### Steps to reproduce\r\n\r\n\r\n\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\n Binaries:\r\n Node: 18.18.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.4.2 - /usr/local/bin/npm\r\n pnpm: 8.9.2 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/cientos: 3.5.1 => 3.5.1 \r\n @tresjs/core: 3.4.1 => 3.4.1 \r\n vite: ^4.3.8 => 4.4.9 `\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\nnpm\r\n\r\n### Code of Conduct\r\n\r\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/cientos/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/Tresjs/cientos/issues) that reports the same bug to avoid creating a duplicate.\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2906],{"name":2893,"color":2894},262,"cientos","closed","[Contact Shadows] - fake plane not using renderer background from Environment","2023-11-28T07:22:25Z","https://github.com/Tresjs/cientos/issues/262",0.65992266,{"description":2915,"labels":2916,"number":2927,"owner":2857,"repository":2858,"state":2909,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Describe the bug\n\n```\r\n \u003CTresMesh\r\n v-for=\"(player, key) in players\"\r\n :key=\"key\"\r\n :scale=\"1\"\r\n cast-shadow\r\n :position=\"[player.x, player.y, player.z]\"\r\n >\r\n \u003CTresBoxGeometry :args=\"[1, 1, 1]\" />\r\n \u003CTresMeshNormalMaterial />\r\n \u003C/TresMesh>\r\n```\r\n\r\nIf players increase size (new player) is not being added to the scene\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/node-7ddska?file=src%2Fviews%2FHomeView.vue\n\n### Steps to reproduce\n\nHit key \"R\", you will see the list on top increase but not the amount of boxes\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (2) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\n Binaries:\r\n Node: 16.14.2 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.4.2 - /usr/local/bin/npm\r\n npmPackages:\r\n @tresjs/cientos: ^2.0.0 => 2.0.0 \r\n @tresjs/core: ^2.0.0 => 2.0.0 \r\n\r\n```\n```\n\n\n### Used Package Manager\n\nnpm\n\n### Code of Conduct\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\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.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2917,2918,2921,2924],{"name":2893,"color":2894},{"name":2919,"color":2920},"good first issue","7057ff",{"name":2922,"color":2923},"help wanted","008672",{"name":2925,"color":2926},"community","DC9921",284,"v-for of meshes doesn't add new instances to scene ","2023-06-09T11:39:28Z","https://github.com/Tresjs/tres/issues/284",0.6714873,{"description":2933,"labels":2934,"number":2935,"owner":2857,"repository":2858,"state":2909,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Description\n\nI would like to have a version for Babylon.js\n\n### Suggested solution\n\nI'm currently learning Babylon.js and have noticed some differences in terms of mesh events between Three.js and Babylon.js. Unlike Three.js, Babylon.js provides a mechanism similar to the actionManager on its meshes. I'm curious to know if Cientos has a similar feature. I'm looking forward to seeing how the combination of Vue with Babylon.js will eventually shape a project\n\n### Alternative\n\n_No response_\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/tres/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/tres/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://tresjs.org/guide).\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.",[],502,"Are you considering providing a version for Babylon.js after completing this project?","2024-01-10T10:59:15Z","https://github.com/Tresjs/tres/issues/502",0.67436737,{"description":2941,"labels":2942,"number":2946,"owner":2857,"repository":2947,"state":2909,"title":2948,"updated_at":2949,"url":2950,"score":2951},"**Is your feature request related to a problem? Please describe.**\r\nThe existing effects have some code parts in common that can probably be shared.\r\n\r\n**Describe the solution you'd like**\r\nShare common code parts.",[2943],{"name":2944,"color":2945},"enhancement","a2eeef",59,"post-processing","Refactor existing effects","2023-12-17T21:31:05Z","https://github.com/Tresjs/post-processing/issues/59",0.67883253,{"description":2953,"labels":2954,"number":2955,"owner":2857,"repository":2908,"state":2909,"title":2956,"updated_at":2957,"url":2958,"score":2959},"## Problem\r\n\r\nA linter rule added in #388 erases valid Markdown. \r\n\r\n### Italics\r\n\r\nThis is an [italicized word in valid Markdown](https://www.markdownguide.org/basic-syntax/#italic) in a JSDoc. \r\n\r\n\r\n```\r\n/**\r\n * *italic*\r\n **/\r\n```\r\n\r\n\u003Cimg width=\"150\" alt=\"Screenshot 2024-05-02 at 23 01 10\" src=\"https://github.com/Tresjs/cientos/assets/20469369/64a46a9a-1793-4a2d-aa4e-8f324d4d5388\">\r\n\r\nLinted:\r\n\r\n```\r\n/**\r\n * italic*\r\n **/\r\n```\r\n\r\n\u003Cimg width=\"148\" alt=\"Screenshot 2024-05-02 at 23 02 12\" src=\"https://github.com/Tresjs/cientos/assets/20469369/44f66638-083c-4bc3-b16d-e1bd8b0f7456\">\r\n\r\n### Bulleted lists\r\n\r\nThis is a [bulleted list in valid Markdown](https://www.markdownguide.org/basic-syntax/#unordered-lists) in a JSDoc.\r\n\r\n```\r\n/**\r\n * * list item 1\r\n * * list item 2\r\n * * list item 3\r\n **/\r\n```\r\n\r\n\u003Cimg width=\"119\" alt=\"Screenshot 2024-05-02 at 23 03 16\" src=\"https://github.com/Tresjs/cientos/assets/20469369/cf257066-50f7-4d26-96ab-ab91cfa3a9f4\">\r\n\r\nLinted:\r\n\r\n```\r\n/**\r\n * list item 1\r\n * list item 2\r\n * list item 3\r\n **/\r\n```\r\n\r\n\u003Cimg width=\"188\" alt=\"Screenshot 2024-05-02 at 23 03 50\" src=\"https://github.com/Tresjs/cientos/assets/20469369/55ceb768-3c85-43c5-b737-4ad173d3011a\">\r\n\r\n## Solution\r\n\r\n* [Change this setting](https://github.com/gajus/eslint-plugin-jsdoc/blob/e343ab5b1efaa59b07c600138aee070b4083857e/docs/rules/no-multi-asterisks.md?plain=1#L254): `\"jsdoc/no-multi-asterisks\": [\"error\"|\"warn\", {\"allowWhitespace\":true}]` \r\n* Revert the incorrectly linted changes.\r\n\r\n## See also\r\n\r\n* https://github.com/gajus/eslint-plugin-jsdoc/issues/773\r\n* https://github.com/gajus/eslint-plugin-jsdoc/issues/803\r\n\r\n## Steps to reproduce\r\n\r\n* Add this to a Cientos component:\r\n\r\n```\r\n/**\r\n * * list item 1\r\n * * list item 2\r\n * * list item 3\r\n **/\r\ninterface List {}\r\n```\r\n\r\n* Save\r\n* Run `pnpm run lint --fix`\r\n* The result will be:\r\n\r\n```\r\n/**\r\n * list item 1\r\n * list item 2\r\n * list item 3\r\n **/\r\ninterface List {}\r\n```\r\n\r\n### Code of Conduct\r\n\r\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/Tresjs/cientos/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/Tresjs/cientos/issues) that reports the same bug to avoid creating a duplicate.\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],398,"New linter rules erase some JSDoc formatting","2024-09-04T13:41:19Z","https://github.com/Tresjs/cientos/issues/398",0.6893514,{"description":2961,"labels":2962,"number":2963,"owner":2857,"repository":2858,"state":2909,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Description\r\n\r\nI'm using a v-for to instantiate some TresMeshes (as seen in some of the examples), but I need the v-for to dynamically update, and that doesn't seem to work. Any ideas on how to dynamically update a v-for with tres components?\r\n\r\n### Suggested solution\r\n\r\nNot sure if this is a module thing, but maybe add a v-for to the TresGroup component?\r\n\r\n### Alternative\r\n\r\n_No response_\r\n\r\n### Additional context\r\n\r\nTo clarify, the array being used by the v-for: when it changes, the meshes instantiated by the v-for do not update.\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.",[],413,"v-for please","2023-10-06T22:05:25Z","https://github.com/Tresjs/tres/issues/413",0.6939433,["Reactive",2969],{},["Set"],["ShallowReactive",2972],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fVHgm-wvMlv-ZgkOwQM0MTNjP6uWNKH2r31P0sQPZ664":-1},"/Tresjs/cientos/195"]