` ...\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.",[3139,3142],{"name":3140,"color":3141},"pending-triage","97A4FE",{"name":3143,"color":3144},"p2-to-be-discussed","97C1B1",615,"Tresjs","tres","open","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.6766737,{"description":3154,"labels":3155,"number":3165,"owner":3146,"repository":3166,"state":3148,"title":3167,"updated_at":3168,"url":3169,"score":3170},"Inevitable 😂 \r\n\r\n- Unocss Dark mode https://unocss.dev/presets/mini#dark-mode \r\n- Vueuse dark https://vueuse.org/core/useDark/\r\n",[3156,3159,3162],{"name":3157,"color":3158},"enhancement","a2eeef",{"name":3160,"color":3161},"good first issue","7057ff",{"name":3163,"color":3164},"help wanted","008672",75,"leches","Dark mode","2023-11-30T12:40:21Z","https://github.com/Tresjs/leches/issues/75",0.72134787,{"description":3172,"labels":3173,"number":3177,"owner":3146,"repository":3147,"state":3148,"title":3178,"updated_at":3179,"url":3180,"score":3181},"### Description\n\nAs a developer, I would like to have the same DX devtools experience provided by the [Nuxt devtools ](https://devtools.nuxt.com/) for vue using https://github.com/vuejs/devtools-next\n\n### Suggested solution\n\nCustom tab at https://github.com/vuejs/devtools-next\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.",[3174],{"name":3175,"color":3176},"dx","1576AD",489,"Vue devtools ","2024-03-28T11:19:19Z","https://github.com/Tresjs/tres/issues/489",0.727066,{"description":3183,"labels":3184,"number":3194,"owner":3146,"repository":3147,"state":3195,"title":3196,"updated_at":3197,"url":3198,"score":3199},"### Describe the bug\n\n\u003Cimg width=\"582\" alt=\"Screenshot 2025-01-02 at 17 08 22\" src=\"https://github.com/user-attachments/assets/4bd7837b-d246-4404-9bfe-baa8e17f6810\" />\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/~/edit/tresjs-minimal-reproduction-zhxzh2vt?file=src/App.vue\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n_No response_\n\n### Used Package Manager\n\npnpm\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.",[3185,3188,3191],{"name":3186,"color":3187},"bug","d73a4a",{"name":3189,"color":3190},"types","5C076E",{"name":3192,"color":3193},"p3-minor-bug","F28C37",895,"closed","Primtive is missing types","2025-01-03T08:54:29Z","https://github.com/Tresjs/tres/issues/895",0.6689333,{"description":3201,"labels":3202,"number":3213,"owner":3146,"repository":3147,"state":3195,"title":3214,"updated_at":3215,"url":3216,"score":3217},"### Describe the bug\n\nIn the docs, delta is described as milliseconds from last frame, which is inaccurate since under the hood it uses Clock.deltaTime() which is in seconds.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-minimal-reproduction-tuauqe?file=src%2Fcomponents%2FTheExperience.vue\n\n### Steps to reproduce\n\nJust use the useLoop function as described in the documentation\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 11 10.0.22631\r\n CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700K\r\n Memory: 21.41 GB / 31.77 GB\r\n Binaries:\r\n Node: 21.7.1 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.19 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 10.5.0 - C:\\Program Files\\nodejs\\npm.CMD\r\n pnpm: 8.6.2 - C:\\ProgramData\\chocolatey\\bin\\pnpm.EXE\r\n Browsers:\r\n Edge: Chromium (126.0.2592.81)\r\n Internet Explorer: 11.0.22621.3527\n```\n\n\n### Used Package Manager\n\npnpm\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.",[3203,3206,3207,3210],{"name":3204,"color":3205},"docs","0075ca",{"name":3160,"color":3161},{"name":3208,"color":3209},"PR welcome","2D76B0",{"name":3211,"color":3212},"p1-chore","BFD4F2",750,"Deltatime Documentation Inaccuracy","2024-07-03T16:32:56Z","https://github.com/Tresjs/tres/issues/750",0.6724202,{"description":3219,"labels":3220,"number":3225,"owner":3146,"repository":3226,"state":3195,"title":3227,"updated_at":3228,"url":3229,"score":3230},"### Describe the bug\n\nAdding a light former should create the object inside the envMap\r\n\r\n```html\r\n\u003CEnvironment background preset=\"sunset\" :blur=\"1\" :frames=\"Infinity\">\r\n \u003CLightformer\r\n :intensity=\"1\"\r\n form=\"ring\"\r\n color=\"red\"\r\n :position=\"[-15, 4, -18]\"\r\n :scale=\"10\"\r\n :target=\"[0,0,0]\"\r\n />\r\n\u003C/Environment>\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/~/edit/tresjs-environment-lightworkers?file=src/App.vue\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (4) 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.20.3 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 10.2.3 - /usr/local/bin/npm\r\n pnpm: 8.15.6 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/cientos: 4.0.3 => 4.0.3 \r\n @tresjs/core: 4.3.1 => 4.3.1 \r\n @tresjs/leches: ^0.14.0 => 0.14.0 \r\n vite: ^6.0.3 => 6.0.5\n```\n\n\n### Used Package Manager\n\npnpm\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.",[3221,3222],{"name":3186,"color":3187},{"name":3223,"color":3224},"p4-important-bug","D93F0B",581,"cientos","Environment Lightformers are not working ","2025-01-17T14:26:45Z","https://github.com/Tresjs/cientos/issues/581",0.68251956,{"description":3232,"labels":3233,"number":3237,"owner":3146,"repository":3226,"state":3195,"title":3238,"updated_at":3239,"url":3240,"score":3241},"### Describe the bug\n\nCSS transitions (neither `transform` based) are working when inside of the HTML component.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-q6q8cg?file=src%2Fcomponents%2FTheExperience.vue,src%2FApp.vue\n\n### Steps to reproduce\n\nClick on the section above the canvas and then click the gray box on the scene where the HTML element is use for a label.\r\n\r\nBoth have exactly the same CSS transition\n\n### System Info\n\n```shell\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 @tresjs/eslint-config-vue: ^0.2.1 => 0.2.1 \r\n vite: ^4.5.0 => 4.5.0 \r\n```\n```\n\n\n### Used Package Manager\n\nyarn\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.",[3234,3235,3236],{"name":3186,"color":3187},{"name":3160,"color":3161},{"name":3163,"color":3164},275,"[Html] CSS transitions are not working","2023-11-05T09:25:55Z","https://github.com/Tresjs/cientos/issues/275",0.70640916,{"description":3243,"labels":3244,"number":1230,"owner":3146,"repository":3246,"state":3195,"title":3247,"updated_at":3248,"url":3249,"score":3250},"**Is your feature request related to a problem? Please describe.**\r\nThe effects from [three.js itself](https://threejs.org/examples/?q=postprocessing) should be available in this package.\r\n\r\n**Describe the solution you'd like**\r\nSimilar to the existing effects. A submodule would be handy.\r\n",[3245],{"name":3157,"color":3158},"post-processing","Native three.js effects","2024-09-26T07:21:06Z","https://github.com/Tresjs/post-processing/issues/113",0.70952463,{"description":3252,"labels":3253,"number":3255,"owner":3146,"repository":3166,"state":3195,"title":3256,"updated_at":3257,"url":3258,"score":3259},"**Describe the bug**\r\nAs a dev using GUI controls I would like to be able to be able to generate 2 folders that contain similar properties\r\n\r\n```\r\nconst { position } = useControls('camera', { position: [0,0,0] })\r\nconst { position1 } = useControls('light', { position: [0,0,0] })\r\n\r\n```\r\n",[3254],{"name":3186,"color":3187},58,"Controls with same key on different folders get overlapped ","2023-10-15T12:08:37Z","https://github.com/Tresjs/leches/issues/58",0.71183664,{"description":3261,"labels":3262,"number":3255,"owner":3146,"repository":3246,"state":3195,"title":3264,"updated_at":3265,"url":3266,"score":3259},"**Describe the bug**\r\nPostprocessing Render seems to break on Nuxt.\r\n\r\n**Reproduction**\r\nhttps://stackblitz.com/edit/nuxt-starter-2qaqwx?file=nuxt.config.ts,components%2FTheExperience.vue,package.json,app.vue\r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Go to Reproduction\r\n2. Resize\r\n\r\n**Reproduction**\r\nWhen resizing the clear color also goes blank. Effects don't work etc\r\n\r\n**Expected behavior**\r\nAll smooth and working lol\r\n\r\n**Screenshots**\r\n\r\n\r\n**System Info**\r\nOutput of `npx envinfo --system --npmPackages '{vite,@tresjs/*, three, vue}' --binaries --browsers` \r\n\r\n```\r\n System:\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: 16.20.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.6.10 - /usr/local/bin/pnpm\r\n npmPackages:\r\n @tresjs/nuxt: ^1.1.7 => 1.1.7 \r\n @tresjs/post-processing: ^0.4.0 => 0.4.0 \r\n```\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[3263],{"name":3186,"color":3187},"Postprocessing breaks on Nuxt","2023-10-28T09:31:05Z","https://github.com/Tresjs/post-processing/issues/58",["Reactive",3268],{},["Set"],["ShallowReactive",3271],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fxTrqtZdNHDAv1spjQLzPS5tzgk2gT5VmmlUmDIA5nM4":-1},"/Tresjs/tres/96"]