вообще не понимаю что там в коде происходит, что за ref'ы везде, как с ними работать и действительно ли они нужны, но как будто при нажатии на кнопку Отменить форма убирается из модалки из-за handleReplay, событие всплывает, его обрабатывает onClick на документе, смотрит что за
event.target - а его нет в модалке и модалка закрывается. но я не знаю почему onClick на документе срабатывает *после* того, как произошло изъятие формы из DOM. не уверен, короче, что именно это происходит.
но прекращение всплытия как будто помогает)
const handleReplay = (e) => {
setState((state) => ({ ...state, isReplay: !state.isReplay }));
e.stopPropagation();
};