в общем проблему нашел. у меня кастомный хук закрывает окно при клике вне его:

const useClickOutside = (ref, callback) => {
 const handleClick = (e) => {
   if (ref.current && !ref.current.contains(e.target)) {
     callback();
   }
 };

 useEffect(() => {
   document.addEventListener('click', handleClick);

   return () => {
     document.removeEventListener('click', handleClick);
   };
 });
};

И походу в момент клика по кнопке удаления удаляется элемент и хук тоже отрабатыает. Но не понимаю как это фиксить

сразу объясню, к чему такие вопросы: первое не работает, второе работает))

в учебник загляните

Полный курс по React Hooks
Внутри расскажу про: useState, useEffect, useRef, useMemo, useCallback, useContext, useReducer. В конце покажу, как можно создавать свои собственные хуки

https://www.youtube.com/watch?v=9KJxaFHotqI

Ролик проходит в формате премьеры. Запись останется

Исходники:
https://github.com/vladilenm/react-hooks-course

в учебник загляните

есть ли какая-то принципиальная разница между этими записями?

Есть, во втором случае будет всегда новая функция передаваться, если компонент пьюр (или мемо) то рендер будет каждый раз дёргаться

Есть, во втором случае будет всегда новая функция передаваться, если компонент пьюр (или мемо) то рендер будет каждый раз дёргаться

не, тут про другое вопрос

я не об этом, но спасибо. Я о том, что первый вариант не работает