` ...\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.68626124,{"description":2882,"labels":2883,"number":2884,"owner":2874,"repository":2885,"state":2876,"title":2886,"updated_at":2887,"url":2888,"score":2889},"**Describe the bug**\r\nFor some reason `renderCtx.frames.value` never goes to 0 when using the on-demand rendering. Other effects work fine.\r\n\r\n**Reproduction**\r\nCreate a simple scene with the outline effect. Try on-demand rendering.\r\n",[],125,"post-processing","Outline effect (pmndrs) does not support on-demand rendering","2024-09-22T20:00:29Z","https://github.com/Tresjs/post-processing/issues/125",0.7520769,{"description":2891,"labels":2892,"number":2899,"owner":2874,"repository":2900,"state":2876,"title":2901,"updated_at":2902,"url":2903,"score":2904},"### Describe the bug\n\nI used Line2 to add a point to the props.points, but it doesn't seem to render. \r\nSpecifically, points larger than the original array were not rendered, but points smaller than the original array were re rendered\n\n### Reproduction\n\nhttps://stackblitz.com/edit/tresjs-basic-kftrax?file=src%2Fcomponents%2FTheExperience.vue\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.",[2893,2896],{"name":2894,"color":2895},"bug","d73a4a",{"name":2897,"color":2898},"p2-nice-to-have","D4C5F9",493,"cientos","Line2,Modify props.points, but it does not take effect","2024-10-17T16:25:41Z","https://github.com/Tresjs/cientos/issues/493",0.7616942,{"description":2906,"labels":2907,"number":2914,"owner":2874,"repository":2875,"state":2876,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### Description\n\nDocs need a little bit of caring for v4\r\nSame for playgrounds\n\n### Suggested solution\n\n- [ ] Remove playground section on https://docs.tresjs.org/guide/#playground\r\n- [x] Remove basic demos from playground https://playground.tresjs.org/\r\n- [ ] Move Events demo from playground to docs (use sandbox)\r\n- [ ] Change naming sandbox to playground\r\n- [ ] Playground is gonna be Showcase/MadeWithTres\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.",[2908,2911],{"name":2909,"color":2910},"docs","0075ca",{"name":2912,"color":2913},"v4","7980EA",494,"Improvements Docs","2024-03-28T11:19:18Z","https://github.com/Tresjs/tres/issues/494",0.76333535,{"description":2920,"labels":2921,"number":2924,"owner":2874,"repository":2875,"state":2925,"title":2926,"updated_at":2927,"url":2928,"score":2929},"**Describe the bug**\r\nCould not resolve \"@vueuse/core\" on installation, since it's a peerDependency set as external, the user would need to add it separately\r\n\r\n**Reproduction**\r\n[Stackblitz](https://stackblitz.com/edit/tresjs-basic?file=README.md)\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: (3) 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: 7.17.0 - /usr/local/bin/npm\r\n npmPackages:\r\n @tresjs/core: ^1.6.0 => 1.6.0 \r\n vite: ^4.1.0 => 4.1.1 \r\n```\r\n",[2922,2923],{"name":2894,"color":2895},{"name":2868,"color":2869},96,"closed","Could not resolve \"@vueuse/core\" on Installation","2023-02-06T18:17:07Z","https://github.com/Tresjs/tres/issues/96",0.6512206,{"description":2931,"labels":2932,"number":2940,"owner":2874,"repository":2875,"state":2925,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### 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.",[2933,2934,2937],{"name":2894,"color":2895},{"name":2935,"color":2936},"types","5C076E",{"name":2938,"color":2939},"p3-minor-bug","F28C37",895,"Primtive is missing types","2025-01-03T08:54:29Z","https://github.com/Tresjs/tres/issues/895",0.67193943,{"description":2946,"labels":2947,"number":2955,"owner":2874,"repository":2900,"state":2925,"title":2956,"updated_at":2957,"url":2958,"score":2959},"### Describe the bug\r\n\r\nWhen using OrbitControls, the scene freezes unrecoverably.\r\n\r\n### Reproduction\r\n\r\nhttps://tresjs.org/guide/\r\n\r\n### Steps to reproduce\r\n\r\ndo this:\r\n\r\n\r\n\r\n### System Info\r\n\r\n_No response_\r\n\r\n### Used Package Manager\r\n\r\npnpm\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.",[2948,2949,2952],{"name":2894,"color":2895},{"name":2950,"color":2951},"good first issue","7057ff",{"name":2953,"color":2954},"help wanted","008672",100,"OrbitControls fail on touch devices","2023-06-27T15:43:33Z","https://github.com/Tresjs/cientos/issues/100",0.7400342,{"description":2961,"labels":2962,"number":2966,"owner":2874,"repository":2875,"state":2925,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### Description\n\nI think it would be insightful for new joiners to have a page explaining how to enable shadows and set which components cast and receive shadows.\r\n\r\n> \n\n### Suggested solution\n\nAdd a page under `Examples/`\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.",[2963,2964,2965],{"name":2909,"color":2910},{"name":2950,"color":2951},{"name":2953,"color":2954},476,"[Docs] - How to enable shadows and lights.","2024-01-27T12:06:07Z","https://github.com/Tresjs/tres/issues/476",0.74956185,{"description":2972,"labels":2973,"number":2975,"owner":2874,"repository":2976,"state":2925,"title":2977,"updated_at":2978,"url":2979,"score":2980},"**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",[2974],{"name":2894,"color":2895},58,"leches","Controls with same key on different folders get overlapped ","2023-10-15T12:08:37Z","https://github.com/Tresjs/leches/issues/58",0.75110686,{"description":2982,"labels":2983,"number":2975,"owner":2874,"repository":2885,"state":2925,"title":2985,"updated_at":2986,"url":2987,"score":2980},"**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",[2984],{"name":2894,"color":2895},"Postprocessing breaks on Nuxt","2023-10-28T09:31:05Z","https://github.com/Tresjs/post-processing/issues/58",["Reactive",2989],{},["Set"],["ShallowReactive",2992],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fcK5N4asBz-4JEExcJGQdUl0laph9ZGCrt47x41j52W4":-1},"/Tresjs/tres/750"]