` 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.",[2882,2885],{"name":2883,"color":2884},"bug","d73a4a",{"name":2886,"color":2887},"p4-important-bug","D93F0B",860,"tres","TresDirectionalLightHelper Uncaught (in promise): Cannot read properties of undefined (reading 'matrixWorld')","2024-10-19T11:51:58Z","https://github.com/Tresjs/tres/issues/860",0.71877265,{"description":2895,"labels":2896,"number":2901,"owner":2857,"repository":2902,"state":2859,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Describe the bug\n\nThe examples under https://cientos.tresjs.org/guide/misc/html-component.html#html are currently broken\n\n### Reproduction\n\nhttps://cientos.tresjs.org/guide/misc/html-component.html#html\n\n### Steps to reproduce\n\n_No response_\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/cientos/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\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.\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2897,2898],{"name":2883,"color":2884},{"name":2899,"color":2900},"docs","0075ca",368,"cientos","[Docs] - HTML examples are broken ","2024-07-18T08:07:36Z","https://github.com/Tresjs/cientos/issues/368",0.7248002,{"description":2908,"labels":2909,"number":2911,"owner":2857,"repository":2889,"state":2912,"title":2913,"updated_at":2914,"url":2915,"score":2916},"### Description\n\nAs a dev, I would love to see a landing page for https://tresjs.org/ inspired by https://threlte.xyz/\r\n\r\n\n\n### Suggested solution\n\n- [x] Scrollytelling (using tresjs/cientos#118)\r\n- [x] Post-processing Depth of Field (tresjs/post-processing#56)\r\n\r\n\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.",[2910],{"name":2899,"color":2900},414,"closed","New landing page","2023-11-27T18:31:11Z","https://github.com/Tresjs/tres/issues/414",0.6654277,{"description":2918,"labels":2919,"number":2936,"owner":2857,"repository":2889,"state":2912,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Description\n\nAs a developer I would like to inspect the userData object when I select an object to inspect on the devtools,\n\n### Suggested solution\n\nJust add the property\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.",[2920,2923,2926,2929,2932,2935],{"name":2921,"color":2922},"good first issue","7057ff",{"name":2924,"color":2925},"help wanted","008672",{"name":2927,"color":2928},"feature","c2e0c6",{"name":2930,"color":2931},"dx","1576AD",{"name":2933,"color":2934},"devtools","0AD07B",{"name":2871,"color":2872},693,"Add userData to vue devtools component inspector","2024-07-08T07:46:52Z","https://github.com/Tresjs/tres/issues/693",0.68451095,{"description":2942,"labels":2943,"number":2944,"owner":2857,"repository":2889,"state":2912,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### 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.6932297,{"description":2950,"labels":2951,"number":2954,"owner":2857,"repository":2889,"state":2912,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### Description\n\nIt's time to create a plugin for the official vue devtools \r\n\r\n\n\n### Suggested solution\n\nhttps://devtools.vuejs.org/plugin/plugins-guide.html\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.",[2952,2953],{"name":2927,"color":2928},{"name":2933,"color":2934},474,"Vue chrome devtools plugin","2024-01-29T15:22:22Z","https://github.com/Tresjs/tres/issues/474",0.69869584,{"description":2960,"labels":2961,"number":2967,"owner":2857,"repository":2889,"state":2912,"title":2968,"updated_at":2969,"url":2970,"score":2971},"### Describe the bug\r\n\r\nIn our project, we use a bit big bigger models and we test our app on mobile browsers. While observing the memory, it became clear that unmounting the TresCanvas, does not properly dispose the scene and some (maybe all) internal objects. So navigating in and out a few times on iOS device, cause the page to crash and reload, because it runs out of memory.\r\n\r\n\u003Cimg width=\"1728\" alt=\"Screenshot 2023-11-19 at 20 15 16\" src=\"https://github.com/Tresjs/tres/assets/8687970/af02ab7d-7e0f-4c9a-bc87-5b4fd49c9c21\">\r\n\r\nUnfortunately, my understanding of three.js is not much, but I had similar issues in the past and it was related to the way the scene and objects, that were added to the scene, being not properly disposed. Its possible that some references to some internal TresJS objects are also the cause of the issue. I just dont know.\r\n\r\nIts also possible that I am missing something in the way I use the framework (which will be the best for me), so hopefully someone can give me a hand with this.\r\n\r\nThank you!\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-tmk778\r\n\r\n### Steps to reproduce\r\n\r\nTo reproduce, open the reproduction link in a Chromium browser and use the `Memory` tab in the dev tools. \r\nAt the top of the web page, you will find a basic navigation, that routes into two separate pages, where \"The Experience\" loads the TresCanvas and \"Home\" is used to unmount the other one.\r\n\r\n### System Info\r\n\r\n_No response_\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/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.\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[2962,2963,2966],{"name":2883,"color":2884},{"name":2964,"color":2965},"performance","3F1D85",{"name":2886,"color":2887},449,"Memory leak caused by non disposed scene, when using routes","2024-12-12T01:06:14Z","https://github.com/Tresjs/tres/issues/449",0.6987321,{"description":2973,"labels":2974,"number":2975,"owner":2857,"repository":2902,"state":2912,"title":2976,"updated_at":2977,"url":2978,"score":2979},"### Description\n\nAs a developer using cientos, I would like to have clear linting rules in all tresJs Ecosystem.\n\n### Suggested solution\n\nFollow the format on TresJs/Core\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/cientos/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/Tresjs/cientos/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://cientos.tresjs.org/guide).\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.",[],195,"Update lint rules","2023-09-05T15:19:17Z","https://github.com/Tresjs/cientos/issues/195",0.7031036,["Reactive",2981],{},["Set"],["ShallowReactive",2984],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fmXkBu3s1Cuk86Qb6Zx_gMBE-bALuOqZtzlgHva9Aaw4":-1},"/Tresjs/cientos/398"]