Galexrt
[USelectMenu/UInputMenu] searchable/search - Maximum recursive updates exceeded issue
I have some
USelectMenu
s 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.
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 😄2 replies