N
Nuxtβ€’7mo ago
Galexrt

[USelectMenu/UInputMenu] searchable/search - Maximum recursive updates exceeded issue

I have some USelectMenus on different pages and when I go to page 1 /documents, then to page 2 /jobs/timeclock (which is a "nested"/sub page, included in the /jobs via <NuxtPage> component), and use the select menu there I get the following error in the browser console and the whole page breaks. Breaking in a way that the browser tab freezes for users (see below error). If I go to page 2 first, the select menu works fine but breaks if I go to page 1 and back. I have tried to find out why this happens in my project as I was not yet able to reproduce the issue with the same API calls/client in an example project. 
Uncaught (in promise) Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.
Uncaught (in promise) Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own dependencies and thus recursively triggering itself. Possible sources include component template, render function, updated hook or watcher source function.
Interestingly the more I switch around select menus and pages, if the page is not nested in a NuxtPage it seems to consistently work. So if page 2 is a normal page (/timeclock) the select menus on both pages work fine. Does anyone have any pointers regarding this issue? The code of the project is open source on GitHub so I can link to it. Maybe it is a leftover from me migrating to Nuxt UI or just something I do wrong with Vue/Nuxt πŸ˜„
1 Reply
HL
HLβ€’2mo ago
Was this issue solved somehow? Right now as a temporary solution I put my USelectMenu, UDropdown and UPopover (basically all popover) elements into a <ClientOnly> tag which solves the issue.
Want results from more Discord servers?
Add your server