` ...\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.",[2867,2870],{"name":2868,"color":2869},"pending-triage","97A4FE",{"name":2871,"color":2872},"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":2882,"labels":2883,"number":2893,"owner":2874,"repository":2894,"state":2876,"title":2895,"updated_at":2896,"url":2897,"score":2898},"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",[2884,2887,2890],{"name":2885,"color":2886},"enhancement","a2eeef",{"name":2888,"color":2889},"good first issue","7057ff",{"name":2891,"color":2892},"help wanted","008672",75,"leches","Dark mode","2023-11-30T12:40:21Z","https://github.com/Tresjs/leches/issues/75",0.72134787,{"description":2900,"labels":2901,"number":2905,"owner":2874,"repository":2875,"state":2876,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### 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.",[2902],{"name":2903,"color":2904},"dx","1576AD",489,"Vue devtools ","2024-03-28T11:19:19Z","https://github.com/Tresjs/tres/issues/489",0.727066,{"description":2911,"labels":2912,"number":2922,"owner":2874,"repository":2875,"state":2923,"title":2924,"updated_at":2925,"url":2926,"score":2927},"### 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.",[2913,2916,2919],{"name":2914,"color":2915},"bug","d73a4a",{"name":2917,"color":2918},"types","5C076E",{"name":2920,"color":2921},"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":2929,"labels":2930,"number":2941,"owner":2874,"repository":2875,"state":2923,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### 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.",[2931,2934,2935,2938],{"name":2932,"color":2933},"docs","0075ca",{"name":2888,"color":2889},{"name":2936,"color":2937},"PR welcome","2D76B0",{"name":2939,"color":2940},"p1-chore","BFD4F2",750,"Deltatime Documentation Inaccuracy","2024-07-03T16:32:56Z","https://github.com/Tresjs/tres/issues/750",0.6724202,{"description":2947,"labels":2948,"number":2953,"owner":2874,"repository":2954,"state":2923,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### 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.",[2949,2950],{"name":2914,"color":2915},{"name":2951,"color":2952},"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":2960,"labels":2961,"number":2965,"owner":2874,"repository":2954,"state":2923,"title":2966,"updated_at":2967,"url":2968,"score":2969},"### 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.",[2962,2963,2964],{"name":2914,"color":2915},{"name":2888,"color":2889},{"name":2891,"color":2892},275,"[Html] CSS transitions are not working","2023-11-05T09:25:55Z","https://github.com/Tresjs/cientos/issues/275",0.7064091,{"description":2971,"labels":2972,"number":2974,"owner":2874,"repository":2975,"state":2923,"title":2976,"updated_at":2977,"url":2978,"score":2979},"**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",[2973],{"name":2885,"color":2886},113,"post-processing","Native three.js effects","2024-09-26T07:21:06Z","https://github.com/Tresjs/post-processing/issues/113",0.70952463,{"description":2981,"labels":2982,"number":2984,"owner":2874,"repository":2894,"state":2923,"title":2985,"updated_at":2986,"url":2987,"score":2988},"**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",[2983],{"name":2914,"color":2915},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":2990,"labels":2991,"number":2984,"owner":2874,"repository":2975,"state":2923,"title":2993,"updated_at":2994,"url":2995,"score":2988},"**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",[2992],{"name":2914,"color":2915},"Postprocessing breaks on Nuxt","2023-10-28T09:31:05Z","https://github.com/Tresjs/post-processing/issues/58",["Reactive",2997],{},["Set"],["ShallowReactive",3000],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fxTrqtZdNHDAv1spjQLzPS5tzgk2gT5VmmlUmDIA5nM4":-1},"/Tresjs/tres/96"]