Обновление компонента React (горячая перезагрузка/обновление) вызывает ошибку — ошибка removeChild и insertBefore при обновлении кода

Question

Я не обновлял свой код несколько месяцев. Просто клонировал его и установил пакеты.

Теперь я получаю эту ошибку, когда меняю свой код, и горячая перезагрузка/обновление пытается обновить мою модель DOM.

      Uncaught DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

Когда я обновляю:

      <ul className={props.annotations.drawingEnabled ? 'absolute active' : 'absolute active'}>
    <li>
        <i className="far fa-undo" /> undo
    </li>
</ul>

к:

      <ul className={props.annotations.drawingEnabled ? 'absolute active' : 'absolute active'}>
    <li>
        something_new_at_this_place <i className="far fa-undo" /> undo
    </li>
</ul>

Это произошло и с SimpleBar https://github.com/Grsmto/simplebar/issues/548 .

У меня никогда не было этих проблем раньше, теперь я действительно сбит с толку. Также пробовал старые версии Node и тестировал старые коммиты. Появляется в Firefox и в Chrome.

FAST_REFRESH=false@.env работает, но весь сайт перезагружается при обновлении кода.

Удаление этих двух импортов решило проблему:

      import '@mygit/fontawesome-pro/js/all.js';
import 'simplebar';

Но почему это работало раньше?