` component, this error is prompt \r\n\r\n```bash\r\n ERROR Internal server error: Cannot read properties of undefined (reading 'sys') 2:38:23 PM\r\n Plugin: vite:vue\r\n File: /Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@tresjs+nuxt@1.0.0-alpha.1_vue@3.3.4/node_modules/@tresjs/nuxt/dist/runtime/components/TresCanvas.vue\r\n at resolveFS (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18372:35)\r\n at importSourceToScope (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18397:14)\r\n at resolveTypeFromImport (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18393:23)\r\n at innerResolveTypeReference (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18299:14) 2:38:23 PM\r\n at resolveTypeReference (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:18288:36)\r\n at innerResolveTypeElements (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17945:24)\r\n at resolveTypeElements (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:17902:35)\r\n at resolveRuntimePropsFromType (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19312:20)\r\n at genRuntimePropsFromTypes (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19288:17)\r\n at genRuntimeProps (/Users/alvarosabu/Projects/tres/playground/node_modules/.pnpm/@vue+compiler-sfc@3.3.4/node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:19278:18)\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-crwkr1?file=nuxt.config.ts\n\n### Steps to reproduce\n\n_No response_\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 13.4\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 81.84 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.1 - ~/.nvm/versions/node/v18.14.1/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.3.1 - ~/.nvm/versions/node/v18.14.1/bin/npm\r\n npmPackages:\r\n @tresjs/cientos: 2.1.4 => 2.1.4 \r\n @tresjs/core: ^2.1.3 => 2.1.3 \r\n @tresjs/nuxt: 1.0.0-alpha.1 => 1.0.0-alpha.1 \r\n nuxt: ^3.5.3 => 3.5.3 \r\n three: ^0.153.0 => 0.153.0\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.",[],"nuxt","Cannot read properties of undefined (reading 'sys')","2023-06-16T13:59:53Z","https://github.com/Tresjs/nuxt/issues/8",{"description":2889,"labels":2890,"number":2892,"owner":2860,"repository":2893,"state":2876,"title":2894,"updated_at":2895,"url":2896,"score":2897},"**Describe the bug**\r\nThe library still glitches in responsiveness, especially regarding models, they get distorted aspect ratio, probably the canvas.\r\n\r\n**Reproduction**\r\nRe-scale a scene\r\n\r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Go to any scene\r\n2. Resize until very very small\r\n\r\n**Expected behavior**\r\nRe-scaling doesn't affect objects or the camera aspect ratio\r\n\r\n**Screenshots**\r\n\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: macOS 13.2.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 74.72 MB / 16.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.1 - ~/.nvm/versions/node/v18.14.1/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 9.3.1 - ~/.nvm/versions/node/v18.14.1/bin/npm\r\n Browsers:\r\n Brave Browser: 110.1.48.164\r\n Chrome: 110.0.5481.177\r\n Safari: 16.3\r\n npmPackages:\r\n @tresjs/cientos: ^1.7.0 => 1.7.0 \r\n @tresjs/core: ^1.7.0 => 1.7.0 \r\n vite: ^4.1.0 => 4.1.4 \r\n```\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[2891],{"name":2871,"color":2872},127,"tres","Scene doesn't scale properly","2023-02-27T19:56:06Z","https://github.com/Tresjs/tres/issues/127",0.6898238,{"description":2899,"labels":2900,"number":2902,"owner":2860,"repository":2893,"state":2876,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Describe the bug\n\nThe official [Vue devtools](https://github.com/vuejs/devtools) is broken since v2. Most probably related to the edge case of the use of a custom renderer.\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/stackblitz-starters-sa3ruk?file=README.md\n\n### Steps to reproduce\n\nOpen in a new tab\r\nCheck dev tools\r\nCheck error in console\r\n\r\n```\r\nTypeError: Cannot read properties of undefined (reading 'ownerDocument')\r\n```\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.",[2901],{"name":2871,"color":2872},317,"Vue-devtools broken since v2 custom renderer","2023-08-23T05:12:31Z","https://github.com/Tresjs/tres/issues/317",0.6914427,{"description":2908,"labels":2909,"number":2917,"owner":2860,"repository":2893,"state":2876,"title":2918,"updated_at":2919,"url":2920,"score":2921},"**Describe the bug**\r\nUsing \u003CTresFog /> is not adding `scene.fog(new Fog())`\r\n\r\n**Reproduction**\r\n[Reproduction](https://stackblitz.com/edit/tresjs-basic-ntxpns?file=src%2Fcomponents%2FTheExperience.vue,src%2Fcomponents%2FThePortal.vue,vite.config.ts,src%2Fshaders%2Ffragment.glsl,src%2FApp.vue)\r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Add a `\u003CTresFog />` to the scene\r\n\r\n**Expected behavior**\r\nScene should have [Fog](https://threejs.org/docs/?q=fog#api/en/scenes/Fog)\r\n\r\n**Screenshots**\r\nIf applicable, add screenshots to help explain your problem.\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.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/cientos: ^1.2.2 => 1.2.2 \r\n @tresjs/core: ^1.3.2 => 1.3.2 \r\n vite: ^3.2.4 => 3.2.5 \r\n```\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[2910,2911,2914],{"name":2871,"color":2872},{"name":2912,"color":2913},"good first issue","7057ff",{"name":2915,"color":2916},"help wanted","008672",49,"TresFog is not adding fog to scene","2022-12-21T14:54:16Z","https://github.com/Tresjs/tres/issues/49",0.6946263,{"description":2923,"labels":2924,"number":2929,"owner":2860,"repository":2893,"state":2876,"title":2930,"updated_at":2931,"url":2932,"score":2933},"**Describe the bug**\r\nSince we are using a Custom Renderer, the main instances of Vue don't recognize the Tres components and throw these annoying warnings that will confuse users.\r\n\r\nOne way around this is to add this to the `vite.config.ts`:\r\n\r\n```\r\nplugins: [vue({\r\n template: {\r\n compilerOptions: {\r\n isCustomElement: tag => tag.startsWith('Tres') && tag !== 'TresCanvas',\r\n },\r\n },\r\n })],\r\n```\r\nBut that's not ideal.\r\n\r\n**Expected behavior**\r\nNo warnings\r\n\r\n**Screenshots**\r\n\u003Cimg width=\"803\" alt=\"Screenshot 2023-03-23 at 06 15 08\" src=\"https://user-images.githubusercontent.com/4699008/227110134-44644ecb-367b-4fe4-b071-8e3b645611ce.png\">\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**Additional context**\r\nAdd any other context about the problem here.\r\n",[2925,2926],{"name":2871,"color":2872},{"name":2927,"color":2928},"pending-triage","97A4FE",162,"[v2] - Failed to resolve component warnings","2023-11-23T18:35:20Z","https://github.com/Tresjs/tres/issues/162",0.7025675,{"description":2935,"labels":2936,"number":2937,"owner":2860,"repository":2893,"state":2876,"title":2938,"updated_at":2939,"url":2940,"score":2941},"### Describe the bug\r\n\r\nHi, I'm using TresJs v2(@tres/core) in Nuxt3.\r\nThrough your docs and kind explanations, I succeeded in configuring the environment and displaying 3d objects in Nuxt3.\r\n\r\nHowever, if a vue component (I made) containing the TresCanvas tag is unmounted according to the page route movement or certain conditions, and then re-enters the page and is newly mounted, it seems that the object is not rendered on the canvas tag.\r\n\r\nCan you check this?\r\nYou can see an example in the reproduction link below. You can check it when you toggle v-if with the toggle button.\r\nThank you.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-36xfsn?file=nuxt.config.ts,app.vue (in Nuxt3)\r\nhttps://stackblitz.com/edit/tresjs-basic-i4h4kk?file=src%2FApp.vue (same in Vue3)\r\n\r\n### Steps to reproduce\r\n\r\n_No response_\r\n\r\n### System Info\r\n\r\n```shell\r\nnpm packages version\r\n- nuxt: 3.5.3\r\n- three: 0.153.0\r\n- @tresjs/core: 2.1.3\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\nyarn\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.",[],302,"Nuxt3 + Tresjs rendering issue(when remounting, not displaying)","2023-06-19T15:26:29Z","https://github.com/Tresjs/tres/issues/302",0.7114245,{"description":2943,"labels":2944,"number":2955,"owner":2860,"repository":2861,"state":2876,"title":2956,"updated_at":2957,"url":2958,"score":2959},"### Describe the bug\r\n\r\nLensflare seems to be broken on v4\r\n\r\nCannot destructure property 'registerCamera' of '(intermediate value)(intermediate value)(intermediate value)' as it is undefined.\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nRun local playground\r\n\r\n### Steps to reproduce\r\n\r\n_No response_\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 14.5\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 51.02 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 20.12.2 - ~/.nvm/versions/node/v20.12.2/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 10.5.0 - ~/.nvm/versions/node/v20.12.2/bin/npm\r\n pnpm: 8.15.4 - ~/Library/pnpm/pnpm\r\n bun: 1.0.2 - ~/.bun/bin/bun\r\n Browsers:\r\n Brave Browser: 120.1.61.116\r\n Chrome: 125.0.6422.142\r\n Safari: 17.5\r\n npmPackages:\r\n @tresjs/core: 4.0.0-rc.2 => 4.0.0-rc.2 \r\n @tresjs/leches: ^0.14.0 => 0.14.0\r\n```\r\n\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.",[2945,2946,2949,2952],{"name":2871,"color":2872},{"name":2947,"color":2948},"v4","EEF2B0",{"name":2950,"color":2951},"p4-important-bug","D93F0B",{"name":2953,"color":2954},"regression","167F7A",435,"Lensflare playground demo is broken","2024-08-28T19:23:52Z","https://github.com/Tresjs/cientos/issues/435",0.7115058,{"description":2961,"labels":2962,"number":2917,"owner":2860,"repository":2964,"state":2876,"title":2965,"updated_at":2966,"url":2967,"score":2968},"**Describe the bug**\r\nA clear and concise description of what the bug is. If you intend to submit a PR for this issue, tell us in the description. Thanks!\r\n\r\nHi! Fist of all, What a great library! I'm playing with it, and so far... I LOVE IT! now... to the error, I am currently trying to use the post-processing package on a scene and I get the following error when I use it:\r\n\r\n\r\n\r\n**Reproduction**\r\nThis same happens whenever you check the examples:\r\nhttps://playground.tresjs.org/experiments/nuxt-stones\r\n\r\n\r\n\r\n\r\n**Steps**\r\nSteps to reproduce the behavior:\r\n1. Just adding the EffectComposer with a default bloom effect.\r\n\r\n**Expected behavior**\r\nFor the effect composer component to work\r\n\r\n**Screenshots**\r\nIf applicable, add screenshots to help explain your problem.\r\n\r\n**System Info**\r\nOutput of `npx envinfo --system --npmPackages '{vite,@tresjs/*, three, vue}' --binaries --browsers` \r\n```\r\nSystem:\r\n OS: macOS 13.4.1\r\n CPU: (8) arm64 Apple M1\r\n Memory: 323.22 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.15.0 - ~/.nvm/versions/node/v18.15.0/bin/node\r\n npm: 9.5.0 - ~/.nvm/versions/node/v18.15.0/bin/npm\r\n Browsers:\r\n Chrome: 116.0.5845.110\r\n Safari: 16.5.2\r\n npmPackages:\r\n @tresjs/cientos: ^3.1.0 => 3.1.0 \r\n @tresjs/core: ^3.1.0 => 3.1.0 \r\n @tresjs/post-processing: ^0.3.0 => 0.3.0 \r\n vite: ^2.8.0 => 2.9.16 \r\n```\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[2963],{"name":2871,"color":2872},"post-processing","Cannot read properties of undefined (reading 'canvas')","2023-10-19T15:07:15Z","https://github.com/Tresjs/post-processing/issues/49",0.7129636,["Reactive",2970],{},["Set"],["ShallowReactive",2973],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fwxc9F43KCV1qaYgy_Zfx2N5j-dMMyiNhxtd9Ju7JDac":-1},"/Tresjs/tres/177"]