NuxtN
Nuxt•2y 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.


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 😄
Was this page helpful?