\n\n3) Navigate to `pages/index.vue`, modify the `console.log()` and save\n\n### Describe the bug\n\nThe previous [issue](https://github.com/nuxt/nuxt/issues/25214) was closed, but the error remains even in the latest Nuxt version.\n\nThe error will disappear if you add `lazy:true` option\n\n```\nconst { data } = await useFetch('https://jsonplaceholder.typicode.com/todos/1', {\n lazy: true\n})\n```\n\nAs you can see, both `app.vue` `layouts/default.vue` are wrapped with `divs` as it was suggested in the previous issue but we still get the bug.\n\nIs adding `lazy` option is the best workaround as for now?\n\n\u003Cimg width=\"500\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/ca5929e7-f84b-4d0f-a57b-e1cf38c34813\" />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nvirtual:nuxt:/home/gaisinskii/nuxt3-parent-node-null/.nuxt/routes.mjs:16 [Vue warn]: Unhandled error during execution of component update \n at \u003CRouterView name=undefined route=undefined > \n at \u003CNuxtPage> \n at \u003CDefault ref=Ref\u003C Proxy(Object)Β {β¦} > > \n at \u003CAsyncComponentWrapper ref=Ref\u003C Proxy(Object)Β {β¦} > > \n at \u003CLayoutLoader key=\"default\" layoutProps= {ref: RefImpl} name=\"default\" > \n at \u003CNuxtLayoutProvider layoutProps= {ref: RefImpl} key=\"default\" name=\"default\" ... > \n at \u003CNuxtLayout> \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\nwarn$1 @ runtime-core.esm-bundler.js:51\nlogError @ runtime-core.esm-bundler.js:263\nhandleError @ runtime-core.esm-bundler.js:255\ncallWithErrorHandling @ runtime-core.esm-bundler.js:201\nflushJobs @ runtime-core.esm-bundler.js:408\nPromise.then\nqueueFlush @ runtime-core.esm-bundler.js:322\nqueueJob @ runtime-core.esm-bundler.js:317\neffect2.scheduler @ runtime-core.esm-bundler.js:5448\ntrigger @ reactivity.esm-bundler.js:253\nendBatch @ reactivity.esm-bundler.js:311\nnotify @ reactivity.esm-bundler.js:597\ntrigger @ reactivity.esm-bundler.js:571\nset value @ reactivity.esm-bundler.js:1448\nfinalizeNavigation @ vue-router.mjs:3498\n(anonymous) @ vue-router.mjs:3363\nPromise.then\npushWithRedirect @ vue-router.mjs:3330\npush @ vue-router.mjs:3255\nreplace @ vue-router.mjs:3258\naddRoutes @ virtual:nuxt:/home/gaisinskii/nuxt3-parent-node-null/.nuxt/routes.mjs:16\n(anonymous) @ virtual:nuxt:/home/gaisinskii/nuxt3-parent-node-null/.nuxt/routes.mjs:21\n(anonymous) @ client:34\n(anonymous) @ client:208\n(anonymous) @ client:183\nqueueUpdate @ client:183\nawait in queueUpdate\n(anonymous) @ client:884\nhandleMessage @ client:882\nonMessage @ client:299\n(anonymous) @ client:429\ndispatchEvent @ .localservice@runtime.5a421e5b.js:26\n_handleMessage @ .localservice@runtime.5a421e5b.js:26\n_0x3963e2 @ .localservice@runtime.5a421e5b.js:26Understand this warningAI\nruntime-dom.esm-bundler.js:51 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')\n at parentNode (runtime-dom.esm-bundler.js:51:30)\n at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5410:11)\n at ReactiveEffect.run (reactivity.esm-bundler.js:225:19)\n at ReactiveEffect.runIfDirty (reactivity.esm-bundler.js:263:12)\n at callWithErrorHandling (runtime-core.esm-bundler.js:199:33)\n at flushJobs (runtime-core.esm-bundler.js:408:9)\n```",[2001,2004,2007,2010],{"name":2002,"color":2003},"dx","C39D69",{"name":2005,"color":2006},"bug","d73a4a",{"name":2008,"color":2009},"vite","3574D1",{"name":2011,"color":2012},"π¨ p3-minor","FBCA04",31493,"TypeError: Cannot read properties of null (reading 'parentNode') with useFetch","2025-03-21T17:04:23Z","https://github.com/nuxt/nuxt/issues/31493",0.6570692,{"description":2019,"labels":2020,"number":2028,"owner":1991,"repository":1992,"state":1993,"title":2029,"updated_at":2030,"url":2031,"score":2032},"### Description\n\nIβve been trying to display an avatar with a chip inside a `UCommandPalette` item (and `UButton`, β¦), but it looks like this use case isn't currently supported. \n\n### Additional context\n\n_No response_",[2021,2024,2025],{"name":2022,"color":2023},"enhancement","a2eeef",{"name":1988,"color":1989},{"name":2026,"color":2027},"triage","ffffff",3827,"[UCommandPalette] Support for avatars with chips in `UCommandPalette` items (and `UButton`, β¦)","2025-04-08T12:03:29Z","https://github.com/nuxt/ui/issues/3827",0.6672268,{"labels":2034,"number":2040,"owner":1991,"repository":1991,"state":2041,"title":2042,"updated_at":2043,"url":2044,"score":2045},[2035,2038,2039],{"name":2036,"color":2037},"3.x","29bc7f",{"name":2005,"color":2006},{"name":2011,"color":2012},12746,"closed","Meta Components reports Cannot read properties of null (reading'$nuxt') error","2023-01-19T16:16:27Z","https://github.com/nuxt/nuxt/issues/12746",0.6441586,{"description":2047,"labels":2048,"number":2057,"owner":1991,"repository":1991,"state":2041,"title":2058,"updated_at":2059,"url":2060,"score":2061},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: compatibilityDate, devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-ax2aaa\n\n### Describe the bug\n\nWhen using NuxtLink to navigate from the root component to another page, a TypeError: Cannot read properties of null (reading 'parentNode') error occurs. This bug appeared after Vue version 3.4.32.\r\n\r\n\n\n### Additional context\n\n#### Conditions Triggering the Bug:\r\n\r\nThe error occurs when a Teleport component does not have a v-if condition for mounting. During page navigation, if Teleport is used without a v-if condition, the error is triggered.\r\n\r\n#### Conditions Not Triggering the Bug:\r\n\r\nThe error does not occur if a v-if condition is added to the Teleport component.\r\n\r\nThe issue seems to be caused by a change introduced in Vue version 3.4.32, where hostRemove(targetStart!) was added. This can be referenced in the following commit: [Commit 8655ced](https://github.com/vuejs/core/commit/8655ced480ea0fe453ff5fe445cecf97b91ec260#diff-030bd876734dc84e37752a562874250fd76eb083242b96a7774adb7a44f77872R275).\r\n\n\n### Logs\n\n_No response_",[2049,2052,2054],{"name":2050,"color":2051},"upstream","E8A36D",{"name":2053,"color":2012},"needs reproduction",{"name":2055,"color":2056},"upstream-bug","B60205",28274,"Cannot read properties of null (reading 'parentNode') when navigate from page","2024-07-24T05:15:17Z","https://github.com/nuxt/nuxt/issues/28274",0.6451118,{"labels":2063,"number":2070,"owner":1991,"repository":1991,"state":2041,"title":2071,"updated_at":2072,"url":2073,"score":2074},[2064,2065,2066,2067],{"name":2036,"color":2037},{"name":2002,"color":2003},{"name":2005,"color":2006},{"name":2068,"color":2069},"π° p2-nice-to-have","0E8A16",14477,"Cannot read properties of null (reading 'getAttribute') infinite log loop","2023-01-19T17:36:00Z","https://github.com/nuxt/nuxt/issues/14477",0.6617859,{"labels":2076,"number":2082,"owner":1991,"repository":1991,"state":2041,"title":2083,"updated_at":2084,"url":2085,"score":2086},[2077,2078,2081],{"name":2036,"color":2037},{"name":2079,"color":2080},"pending triage","E99695",{"name":2053,"color":2012},14078,"vue-router error","2023-01-19T17:24:12Z","https://github.com/nuxt/nuxt/issues/14078",0.6672351,{"description":2088,"labels":2089,"number":2096,"owner":1991,"repository":1991,"state":2041,"title":2097,"updated_at":2098,"url":2099,"score":2100},"### Environment\n\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v18.14.0`\r\n- Nuxt Version: `3.2.0`\r\n- Nitro Version: `2.2.1`\r\n- Package Manager: `yarn@1.22.15`\r\n- Builder: `vite`\r\n- User Config: `app`, `modules`, `components`, `build`, `googleFonts`, `headlessui`, `runtimeConfig`\r\n- Runtime Modules: `@nuxt/devtools@0.1.2`, `@nuxtjs/tailwindcss@6.4.0`, `@nuxt/image-edge@1.0.0-27919678.2f5b64b`, `@nuxtjs/google-fonts@3.0.0-1`, `@vueuse/nuxt@9.12.0`, `nuxt-headlessui@1.1.1`, `nuxt-icon@0.1.8`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\napp/router.options.ts\r\n```ts\r\nimport type { RouterConfig } from \"@nuxt/schema\";\r\nexport default \u003CRouterConfig>{\r\n routes: () => [\r\n {\r\n name: \"repair\",\r\n path: \"/:brand/repair/\",\r\n component: () => import(\"~/pages/repair/index.vue\"),\r\n },\r\n {\r\n name: \"repair-model\",\r\n path: \"/:brand/repair/model/:model/\",\r\n component: () => import(\"~/pages/repair/model.vue\"),\r\n },\r\n ],\r\n};\r\n```\r\n\r\npages/repair/index.vue\r\n```js\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CSectionA :data=\"getSectionData('hero')\" />\r\n \u003CSectionB :data=\"getSectionData('prices')\" />\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\nconst brand = useBrand();\r\n\r\nconst { data, error } = await useFetch(\"/api/v1/repair\", {\r\n params: { brand },\r\n});\r\n\r\nconst getSectionData = (sectionId) => {\r\n return data.value.data.blocks.find((block) => block.id === sectionId);\r\n};\r\n\u003C/script>\r\n```\r\n\r\nserver/api/v1/repair/index.get.js\r\n```js\r\nimport hero from \"@/data/hero.json\";\r\nimport prices from \"@/data/prices.json\";\r\n\r\nexport default defineEventHandler(async (event) => {\r\n const { brand } = getQuery(event);\r\n\r\n /* ... use brand ... */\r\n\r\n return {\r\n data: {\r\n blocks: [\r\n {\r\n id: \"hero\",\r\n title: hero.title,\r\n data: hero.data,\r\n },\r\n {\r\n id: \"prices\",\r\n title: prices.title,\r\n data: prices.data,\r\n },\r\n ],\r\n },\r\n };\r\n});\r\n```\n\n### Describe the bug\n\nAfter update page i get error and strange behavior of data - caching. After refresh page i get old data. Helps - restarting the project, but the error with extracting data remains.\n\n### Additional context\n\n```js\r\nruntime-core.esm-bundler.js:40 [Vue warn]: Unhandled error during execution of render function \r\n at \u003CIndex onVnodeUnmounted=fn\u003ConVnodeUnmounted> ref=Ref\u003C undefined > > \r\n at \u003CRouteProvider key=\"/tesla/repair/\" routeProps= {Component: {β¦}, route: {β¦}} pageKey=\"/tesla/repair/\" ... > \r\n at \u003CFragmentWrapper > \r\n at \u003CRouterView name=undefined route=undefined > \r\n at \u003CNuxtPage> \r\n at \u003CApp key=2 > \r\n at \u003CNuxtRoot>\r\n\r\nUncaught (in promise) TypeError: Cannot read properties of null (reading 'data')\r\n at Proxy.getSectionData (index.vue:89:1)\r\n at Proxy._sfc_render (index.vue:96:1)\r\n at renderComponentRoot (runtime-core.esm-bundler.js:914:44)\r\n at hydrateSubTree (runtime-core.esm-bundler.js:5621:44)\r\n at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5642:25)\r\n at ReactiveEffect.run (reactivity.esm-bundler.js:190:25)\r\n at instance.update (runtime-core.esm-bundler.js:5763:56)\r\n at setupRenderEffect (runtime-core.esm-bundler.js:5777:9)\r\n at runtime-core.esm-bundler.js:1506:17\r\n```\n\n### Logs\n\n_No response_",[2090,2091,2092,2095],{"name":2036,"color":2037},{"name":2079,"color":2080},{"name":2093,"color":2094},"windows","C681FD",{"name":2053,"color":2012},19030,"Cannot read properties of null (reading 'data')","2024-03-12T07:00:40Z","https://github.com/nuxt/nuxt/issues/19030",0.66994095,{"description":2102,"labels":2103,"number":2109,"owner":1991,"repository":1991,"state":2041,"title":2110,"updated_at":2111,"url":2112,"score":2113},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v20.10.0`\r\n- Nuxt Version: `3.9.1`\r\n- CLI Version: `3.10.0`\r\n- Nitro Version: `2.8.1`\r\n- Package Manager: `yarn@1.22.21`\r\n- Builder: `-`\r\n- User Config: `devtools`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-ghhe2w?file=layouts%2Fdefault.vue\r\n\r\n### Describe the bug\r\n\r\nWhen I clicke the `NuxtLink` textοΌthe browser doesn't to display the pages, and the browser display console the error in the **Logs** section.\r\n\r\n\r\n### Logs\r\n```\r\n[Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core . \r\n at \u003CRouterView name=undefined route=undefined > \r\n at \u003CNuxtPage> \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\r\nwarn$1 @ chunk-FRWRVS7C.js?v=373e3ccb:1486\r\n\r\nchunk-FRWRVS7C.js?v=373e3ccb:9605 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'parentNode')\r\n at parentNode (chunk-FRWRVS7C.js?v=373e3ccb:9605:30)\r\n at ReactiveEffect.componentUpdateFn [as fn] (chunk-FRWRVS7C.js?v=373e3ccb:7513:11)\r\n at ReactiveEffect.run (chunk-FRWRVS7C.js?v=373e3ccb:421:19)\r\n at instance.update (chunk-FRWRVS7C.js?v=373e3ccb:7553:17)\r\n at callWithErrorHandling (chunk-FRWRVS7C.js?v=373e3ccb:1634:32)\r\n at flushJobs (chunk-FRWRVS7C.js?v=373e3ccb:1841:9)\r\n```",[2104,2105,2108],{"name":2036,"color":2037},{"name":2106,"color":2107},"workaround available","11376d",{"name":2050,"color":2051},25179,"Cannot read properties of null (reading 'parentNode')","2024-07-27T19:16:14Z","https://github.com/nuxt/nuxt/issues/25179",0.672476,{"description":2115,"labels":2116,"number":2120,"owner":1991,"repository":1992,"state":2041,"title":2121,"updated_at":2122,"url":2123,"score":2124},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.12.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.8\n- Package Manager: npm@10.5.0\n- Builder: -\n- User Config: modules, devtools, compatibilityDate, future\n- Runtime Modules: @nuxt/ui@3.0.2\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/white-butterfly-699yhh\n\n### Description\n\n1. Open the modal via the open button\n2. Open toast(s) via the open button\n3. click modal overlay to dispose it \n4. click any toast (dont click close button)\n5. mouse leave does not count down toasts anymore (click outside does enable countdown again) \n\n---------\nYou can also do this programmatically by closing the modal while adding toasts.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2117,2118,2119],{"name":2005,"color":2006},{"name":1988,"color":1989},{"name":2026,"color":2027},3719,"Toast does not always dispose","2025-04-02T07:18:01Z","https://github.com/nuxt/ui/issues/3719",0.6734421,["Reactive",2126],{},["Set"],["ShallowReactive",2129],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"r5pGIc0BADPrHnTB7eIB8SfefcqRpVfUeIfiikF5L1k":-1},"/nuxt/ui/3543"]