Почему мой onclick должен быть разделен на две части, чтобы работать? ⇐ Javascript

[Гость]

Чтобы познакомиться с Zustand, я пишу демонстрационный проект, позволяющий связывать теги с контактами, а контакты с тегами. Мои проблемы возникают, когда я удаляю контакт или тег.

Вот коды и коробка проекта: Проект ReactZustandFirestore.

Я объясню свою проблему с компонентом «Контакты». Компонент Тег работает так же.

Мой «handleDeleteContact» должен:
[*]Удалить мой контакт из тегов, где он появляется. [*]Удалить все теги моего контакта. [*]Удалить контакт.
Последний шаг не работает, и контакт все еще отображается в списке.

Когда я разделил свой «handleDeleteContact» на два обработчика, например:
[*]handleClearContact: [*]Удалить мой контакт из тегов, где он появляется. [*]Удалить все теги моего контакта. [*]handleRemoveContact: [*]Удалить контакт.
А затем воздействовать на них двумя разными кнопками. нажав на первую кнопку, а затем на вторую, мой контакт успешно удаляется.

Я уверен, что что-то упускаю, но не знаю, что именно. Перепроверил магазины на контакт и тег, но проблемы не обнаружил.