Nuxt•2y ago•

1 reply

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

I have some

USelectMenu

USelectMenu

s on different pages and when I go to page 1

/documents

/documents

, then to page 2

/jobs/timeclock

/jobs/timeclock

(which is a "nested"/sub page, included in the

/jobs

/jobs

via

<NuxtPage>

<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

NuxtPage

it seems to consistently work. So if page 2 is a normal page (

/timeclock

/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

Nuxt•2y ago•

1 reply

Galexrt

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

I have some

USelectMenu

USelectMenu

s on different pages and when I go to page 1

/documents

/documents

, then to page 2

/jobs/timeclock

/jobs/timeclock

(which is a "nested"/sub page, included in the

/jobs

/jobs

via

<NuxtPage>

<NuxtPage>

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

NuxtPage

it seems to consistently work. So if page 2 is a normal page (

/timeclock

/timeclock

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

Similar Threads

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

Similar Threads

Similar Threads

Similar Threads