Реакция «Узел, который нужно удалить, не является дочерним по отношению к этому узлу» при горячем обновлении. ⇐ Javascript

[Anonymous]

Я просматривал подобные ошибки, но не смог решить свою проблему. Когда я меняю что-то в коде (например, добавляю где-нибудь диапазон), React все это обновляет. Но в большинстве таких случаев после обновления я получаю пустой экран и ошибки в консоли:

Код: Выделить всё

 Uncaught DOMException: Node.removeChild: The node to be removed is not a child of this node
scheduleRefresh :1
performReactRefresh @react-refresh:267
....

The above error occurred in the  component:

LoadingPage@http://localhost:5173/src/pages/util/LoadingPage.tsx?t=1736415967744:19:21
SecuredProvider@http://localhost:5173/src/contexts/SecuredContext.tsx?t=1736416513019:28:25
RenderedRoute@http://localhost:5173/node_modules/.vite/deps/chunk-SG3ZZ57O.js?v=2df0fbbc:4072:7
....

У меня также есть похожий код, который иногда также выдает ошибки (только по контекстам!), но позволяет сосредоточиться на SecuredProvider
LoadingPage.tsx:

Код: Выделить всё

interface Props {
text?: string;
}

const LoadingPage: FunctionComponent
 = ({text}) => {
return (


{text && {text}}

);
};

export default LoadingPage; //  {
const {session, sessionLoading} = useAuth();

if (session === undefined) {
return  // 

Подробнее здесь: [url]https://stackoverflow.com/questions/79342174/react-the-node-to-be-removed-is-not-a-child-of-this-node-on-hot-refresh[/url]