[helldweller]

Bug

Opening any participant select (incident detail pane, handoff dialog, task owner, incident filter) logs TypeError: l is not a function from ParticipantSelect-*.js. Unminified: debouncedGetIndividualData is not a function.

v-autocomplete syncs its search model while it mounts, i.e. before the parent's onMounted hook, and the watch(search, …) callback calls the debounced loader, which until now was created only in onMounted. Introduced upstream in Netflix#3925.

Fix

Create debouncedGetIndividualData with debounce() in setup(); onMounted keeps the initial load. One-line move.

Test

src/tests/participantSelectSearchBeforeMount.spec.js mounts the component with a mocked individuals API, collects Vue errors and unhandled rejections, and asserts none escape and the API is queried after the debounce. Fails on main with exactly the production error, passes with the fix.

🤖 Generated with Claude Code

[Copilot]

🟢 Approval recommended

The change is a minimal, correct relocation of the debounce creation that resolves the documented error and is covered by a regression test following established repo patterns.

No open issues 🎉

What changed in this PR

This PR fixes a runtime TypeError (debouncedGetIndividualData is not a function) that occurred whenever a ParticipantSelect was opened. The root cause is that Vuetify's v-autocomplete syncs its search model during mount—before the parent's onMounted hook—so the watch(search, …) callback invoked the debounced loader while it was still null. The fix creates the debounced loader in setup() so it exists before any watcher fires, keeping the component's search-as-you-type behavior intact.

Changes:

• Move debouncedGetIndividualData = debounce(getIndividualData, 300) from onMounted into the setup() body (now a const), with onMounted retaining only the initial load.
• Add a regression test that mounts the component with a mocked individuals API, captures Vue errors / unhandled rejections, and asserts none escape while the API is still queried after the debounce.

File	Description
src/​dispatch/​static/​dispatch/​src/​components/​ParticipantSelect.vue	Creates the debounced loader in setup() before mount so the search watcher can safely call it.
src/​dispatch/​static/​dispatch/​src/​tests/​participantSelectSearchBeforeMount.spec.js	New test reproducing the pre-mount search error and verifying the fix.

_{Review effort: Balanced}