[@mantine/spotlight] Fix DOM error thrown after HMR and several other…

… cases (#4992)
mantinedev · Oct 12, 2023 · b326812 · b326812
1 parent 3ea73f8
commit b326812
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/mantine-spotlight/src/spotlight.store.ts b/src/mantine-spotlight/src/spotlight.store.ts
@@ -54,9 +54,9 @@ export function setListId(id: string, store: SpotlightStore) {
 
 export function selectAction(index: number, store: SpotlightStore): number {
   const state = store.getState();
-  const actionsList = document.getElementById(state.listId)!;
-  const selected = actionsList.querySelector<HTMLButtonElement>('[data-selected]');
-  const actions = actionsList.querySelectorAll<HTMLButtonElement>('[data-action]');
+  const actionsList = document.getElementById(state.listId);
+  const selected = actionsList?.querySelector<HTMLButtonElement>('[data-selected]');
+  const actions = actionsList?.querySelectorAll<HTMLButtonElement>('[data-action]') ?? [];
   const nextIndex = index === -1 ? actions.length - 1 : index === actions.length ? 0 : index;
 
   const selectedIndex = clamp(nextIndex, 0, actions.length - 1);