\n\nI believe this is an issue with Nuxt UI and not FormKit because it used to work fine on the previous version.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nindex.vue:17 [Vue warn]: Unhandled error during execution of mounted hook \n at \u003CDialogTrigger key=0 as-child=\"\" class=\"\" > \n at \u003CDialogRoot modal=true open=true onAfter:leave=fn ... > \n at \u003CUModal close= {onClick: 茠} title=\"This modal was opened programmatically 0 times\" open=true ... > \n at \u003CModalExample key= Symbol(useOverlay) ref_for=true count=0 ... > \n at \u003CUOverlayProvider > \n at \u003CTooltipProvider > \n at \u003CConfigProvider use-id=fn\u003Cuse-id> dir=undefined locale=undefined > \n at \u003CApp > \n at \u003CApp key=4 > \n at \u003CNuxtRoot>\nwarn$1 @ runtime-core.esm-bundler.js?v=fb91d406:50\nlogError @ runtime-core.esm-bundler.js?v=fb91d406:261\nhandleError @ runtime-core.esm-bundler.js?v=fb91d406:253\ncallWithErrorHandling @ runtime-core.esm-bundler.js?v=fb91d406:199\ncallWithAsyncErrorHandling @ runtime-core.esm-bundler.js?v=fb91d406:204\nhook.__weh.hook.__weh @ runtime-core.esm-bundler.js?v=fb91d406:2842\nflushPostFlushCbs @ runtime-core.esm-bundler.js?v=fb91d406:382\nflushJobs @ runtime-core.esm-bundler.js?v=fb91d406:424\nPromise.then\nqueueFlush @ runtime-core.esm-bundler.js?v=fb91d406:319\nqueueJob @ runtime-core.esm-bundler.js?v=fb91d406:314\neffect2.scheduler @ runtime-core.esm-bundler.js?v=fb91d406:5499\ntrigger @ reactivity.esm-bundler.js?v=fb91d406:235\nendBatch @ reactivity.esm-bundler.js?v=fb91d406:293\ntrigger @ reactivity.esm-bundler.js?v=fb91d406:693\nset @ reactivity.esm-bundler.js?v=fb91d406:974\nopen @ useOverlay.js?v=fb91d406:29\nopen @ useOverlay.js?v=fb91d406:18\nopen @ index.vue:17\n(anonymous) @ Button.vue:80\nonClickWrapper @ Button.vue:80\nonClickWrapper @ LinkBase.vue:30\ncallWithErrorHandling @ runtime-core.esm-bundler.js?v=fb91d406:197\ncallWithAsyncErrorHandling @ runtime-core.esm-bundler.js?v=fb91d406:204\ninvoker @ runtime-dom.esm-bundler.js?v=fb91d406:720\nuseForwardExpose.js?v=fb91d406:8 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'nodeName')\n at ComputedRefImpl.fn (useForwardExpose.js?v=fb91d406:8:64)\n at refreshComputed (reactivity.esm-bundler.js?v=fb91d406:361:29)\n at get value (reactivity.esm-bundler.js?v=fb91d406:1567:5)\n at DialogTrigger.js?v=fb91d406:19:57\n at runtime-core.esm-bundler.js?v=fb91d406:2862:40\n at callWithErrorHandling (runtime-core.esm-bundler.js?v=fb91d406:197:19)\n at callWithAsyncErrorHandling (runtime-core.esm-bundler.js?v=fb91d406:204:17)\n at hook.__weh.hook.__weh (runtime-core.esm-bundler.js?v=fb91d406:2842:19)\n at flushPostFlushCbs (runtime-core.esm-bundler.js?v=fb91d406:382:28)\n at flushJobs (runtime-core.esm-bundler.js?v=fb91d406:424:5)\n```",[3087,3088,3089],{"name":3020,"color":3040},{"name":3057,"color":3058},{"name":3060,"color":3061},4309,"UModal does not work with FormKit","2025-06-07T23:36:34Z","https://github.com/nuxt/ui/issues/4309",0.70163816,{"labels":3096,"number":3101,"owner":3023,"repository":3023,"state":3025,"title":3102,"updated_at":3103,"url":3104,"score":3105},[3097,3098],{"name":3037,"color":3038},{"name":3099,"color":3100},"pending triage","E99695",13506,"\u003Ccomponent> seems to be broken.","2023-01-19T16:58:02Z","https://github.com/nuxt/nuxt/issues/13506",0.7020561,{"description":3107,"labels":3108,"number":3112,"owner":3023,"repository":3023,"state":3025,"title":3113,"updated_at":3114,"url":3115,"score":3116},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v18.15.0`\r\n- Nuxt Version: `3.4.3`\r\n- Nitro Version: `2.3.3`\r\n- Package Manager: `npm@9.5.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-28uc9k?file=app.vue\n\n### Describe the bug\n\nAfter upgrading to Nuxt `v3.4.3` I get the following error:\r\n```shell\r\n ERROR Internal server error: Unknown component mode: null, this might be an internal bug of Nuxt.\r\n Plugin: nuxt:components:imports\r\n File: /Users/.../assets/placeholder.svg?component\r\n at TransformContext.transform (file:///Users/.../node_modules/nuxt/dist/index.mjs:1289:17)\r\n at plugin.transform (file:///Users/.../node_modules/unplugin/dist/index.mjs:1158:25)\r\n at Object.transform (file:///Users/.../node_modules/vite/dist/node/chunks/dep-f7d05e3f.js:42871:44)\r\n at async loadAndTransform (file:///Users/.../node_modules/vite/dist/node/chunks/dep-f7d05e3f.js:53335:29)\r\n```\r\n\r\nI am using the [Vite SVG Loader](https://github.com/jpkleemans/vite-svg-loader) plugin\r\nand the error is thrown when importing a SVG files with\r\n```ts\r\nimport Logo from 'assets/placeholder.svg?component';\r\n```\r\nIn Nuxt version `v3.4.2` everything is working.\n\n### Additional context\n\nhttps://github.com/nuxt/nuxt/blob/da3357449f456632bb2f07893c5d24065b081f53/packages/nuxt/src/components/transform.ts#L73\n\n### Logs\n\n_No response_",[3109,3110,3111],{"name":3037,"color":3038},{"name":3020,"color":3040},{"name":3045,"color":3046},20650,"`Unknown component mode: null` after upgrading to Nuxt `v3.4.3`","2023-05-10T15:45:56Z","https://github.com/nuxt/nuxt/issues/20650",0.70359564,{"description":3118,"labels":3119,"number":3123,"owner":3023,"repository":3023,"state":3025,"title":3124,"updated_at":3125,"url":3126,"score":3127},"I changed nothing except updating the Nuxt dependency from beta 6 to beta 8.\r\n\r\nI suspect the problem might be obvious to someone who is familiar with the internals of Nuxt and what changed from beta 6 to beta 8 based on this error message. I had a look through the commits from 6 to 8 and nothing jumped out at me.\r\n\r\nIf it's not apparent what the problem is I'm more than happy to help narrow down the cause, but it would probably take a while.\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1369\">#c1369\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3120],{"name":3121,"color":3122},"2.x","d4c5f9",1537,"Build broken after upgrade from beta 6 to beta 8","2023-01-18T15:41:58Z","https://github.com/nuxt/nuxt/issues/1537",0.70504963,{"description":3129,"labels":3130,"number":3138,"owner":3023,"repository":3023,"state":3025,"title":3139,"updated_at":3140,"url":3141,"score":3142},"Nuxt 3.9.3 to 3.11 upgrading issues\r\n\r\n_Originally posted by @jmartindg in https://github.com/nuxt/nuxt/discussions/26403_",[3131,3132,3133,3136],{"name":3037,"color":3038},{"name":3099,"color":3100},{"name":3134,"color":3135},"upstream","E8A36D",{"name":3137,"color":3046},"needs reproduction",26488,"Hello, I did an update from 3.9.3 to 3.11 version. After updating Nuxt successfully, the dev environment is having some issues. The whole project is not responding, there are no console errors, inspect element is not working, I can't click any user interfaces, I can't also redirect to another pages. Thank you.","2024-05-24T14:25:02Z","https://github.com/nuxt/nuxt/issues/26488",0.70830756,{"description":3144,"labels":3145,"number":3147,"owner":3023,"repository":3023,"state":3025,"title":3148,"updated_at":3149,"url":3150,"score":3151},"Hello. I got an error when trying to use with Nuxt\r\n\r\n```\r\nvue.runtime.esm.js:430 [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside \u003Cp>, or missing \u003Ctbody>. Bailing hydration and performing full client-side render.\r\n```\r\n\r\nI have Modal component, that I want to render outside of component, where I am calling modal.\r\n\r\nI have this:\r\n\r\nThis is where I want to render Modal component:\r\n\r\n```\r\n\u003Ctemplate lang=\"pug\">\r\n div\r\n my-header\r\n .flex-sticky\r\n nuxt.content\r\n my-footer\r\n portal-target(name=\"destination\")\r\n\u003C/template>\r\n```\r\n\r\nThis is where I am calling Modal component\r\n\r\n```\r\n\u003Ctemplate lang=\"pug\">\r\ndiv\r\n portal(to=\"destination\")\r\n modal\r\n\u003C/template>\r\n```\r\nSorry for Pug. If needed, I rewrite it with HTML.\r\nPlease assist me to fix this issue with this awesome library.\r\nIs it compatible with Nuxt?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1333\">#c1333\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3146],{"name":3121,"color":3122},1497,"Got an hydration error when use vue-portal","2023-01-18T15:41:51Z","https://github.com/nuxt/nuxt/issues/1497",0.710951,["Reactive",3153],{},["Set"],["ShallowReactive",3156],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fe2tGihZEP-dtLVPOQG9bTPJbYOle2aLSe2rCw621eac":-1},"/nuxt/scripts/293"]