` ...\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003CTresCanvas>\r\n \u003CTresMesh>\r\n ... \r\n \u003CMyMaterial :prop=\"myProp\" />\r\n \u003C/TresMesh>\r\n \u003C/TresCanvas>\r\n\u003C/template>\r\n```\r\n\r\n... if changing `:prop` changes the material `:key`:\r\n\r\n* the existing material should be removed from the parent.\r\n* the rerendered material should be attached to the parent.\r\n\r\n## Bug\r\n\r\n* The existing material is not removed from the parent.\r\n* The new material is not attached to the parent.\r\n\r\n### What happens instead\r\n\r\n* The existing material remains on the parent.\r\n* A new material is created.\r\n* The new material is not attached.\r\n\r\nChanging the `:prop` again leads to:\r\n\r\n* The new material is disposed.\r\n* Another new material is created.\r\n\r\n## Context\r\n\r\nWorking on updating [`MeshReflectionMaterial` from Cientos](https://github.com/Tresjs/cientos/tree/main/src/core/materials/meshReflectionMaterial). It's based on [this Drei component](https://github.com/pmndrs/drei/blob/master/src/core/MeshReflectorMaterial.tsx). \r\n\r\nBoth components use the `key` prop to force a rerender/recompile. [Drei](https://github.com/pmndrs/drei/blob/47d94d72f70ad23818b993f8b316c132ff04e146/src/core/MeshReflectorMaterial.tsx#L238) | [Cientos](https://github.com/Tresjs/cientos/blob/55ca2bfd4f078ec4633fab2dc40b146adbfac2fd/src/core/materials/meshReflectionMaterial/index.vue#L292)\r\n\r\nUsing the `key` to force rerendering/recompiling currently doesn't work in the Cientos component.\r\n\r\nRerendering/recompiling the material's shader is required here for full reactivity.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/tresjs-basic-a7wxyh?file=src%2Fcomponents%2FTheExperience.vue\r\n\r\n### Steps to reproduce\r\n\r\nSee Stackblitz.\r\n\r\n### System Info\r\n\r\n```shell\r\nall platforms\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/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.",[2896,2899],{"name":2897,"color":2898},"pending-triage","97A4FE",{"name":2900,"color":2901},"p2-to-be-discussed","97C1B1",615,"Changing a `\u003CMaterial />`'s `key` prop doesn't attach new material, remove old one","2024-04-17T09:28:14Z","https://github.com/Tresjs/tres/issues/615",0.73605055,{"description":2908,"labels":2909,"number":2910,"owner":2853,"repository":2864,"state":2911,"title":2912,"updated_at":2913,"url":2914,"score":2915},"## 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,"closed","New linter rules erase some JSDoc formatting","2024-09-04T13:41:19Z","https://github.com/Tresjs/cientos/issues/398",0.7168599,{"description":2917,"labels":2918,"number":2919,"owner":2853,"repository":2864,"state":2911,"title":2920,"updated_at":2921,"url":2922,"score":2923},"### 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.7199484,{"description":2925,"labels":2926,"number":2933,"owner":2853,"repository":2854,"state":2911,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Describe the bug\n\nIt seems like Tres.js is no longer working in Firefox. Even on your official documentation all examles render just a black canvas.\r\nI would really like to use Tres.js in projects of my company, but I am unable to do this if Firefox is not supported or working :(\n\n### Reproduction\n\nhttps://tresjs.org/guide/\n\n### Steps to reproduce\n\nThe first and all other examples of this page.\n\n### System Info\n\n```shell\nWindows 10\r\nFirerfiox version 114.0.1 (64-Bit)\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.",[2927,2930],{"name":2928,"color":2929},"question","d876e3",{"name":2931,"color":2932},"waiting for author","B145BC",310,"Black Canvas in Firefox","2023-06-20T07:13:04Z","https://github.com/Tresjs/tres/issues/310",0.7240711,{"description":2939,"labels":2940,"number":2953,"owner":2853,"repository":2854,"state":2911,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### 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.",[2941,2944,2947,2950],{"name":2942,"color":2943},"bug","d73a4a",{"name":2945,"color":2946},"good first issue","7057ff",{"name":2948,"color":2949},"help wanted","008672",{"name":2951,"color":2952},"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.7258673,{"description":2959,"labels":2960,"number":2961,"owner":2853,"repository":2854,"state":2911,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### 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.7273929,["Reactive",2967],{},["Set"],["ShallowReactive",2970],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fosNE-Ym3jOkvF0GYQGvspLqL3HtzHtftAElho6cf8QU":-1},"/Tresjs/tres/860"]