Интеграция виджета Google Translate в следующем приложении JS ⇐ Javascript

[Anonymous]

Я пытаюсь интегрировать выпадающий виджет Google Translate в моем следующем приложении JS, я интегрировал, что виджет также, но когда я пытаюсь перенаправить с одной страницы на другую, где виджет не будет доступен, страница становится пустой и бросает ошибку, как NotFoundError: Не удалось выполнить «Removechild 'on' Node ': Node, чтобы быть удаленным, не является ребенком, это не так, что он не удален. /> Я пытался не очистить компонент для удержания сценария, но он также не работает. < /p>

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

"use client"; < /code>

import { useEffect } from "react"; < /code>

 < /code>

const GoogleTranslate = () => { < /code>

 useEffect(() => {< /code>

   // Load the Google Translate script< /code>

   const script = document.createElement("script");< /code>

   script.src =< /code>

     "https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit";< /code>

   script.async = true;< /code>

   document.body.appendChild(script);< /code>

 < /code>

   // Initialize the Google Translate element< /code>

   window.googleTranslateElementInit = () => {< /code>

     new window.google.translate.TranslateElement(< /code>

       { pageLanguage: "en" },< /code>

       "google_translate_element"< /code>

     );< /code>

   };< /code>

 }, []);< /code>

 < /code>

 return ;< /code>

}; < /code>

 < /code>

export default GoogleTranslate;

Это мой код компонента Google Translate, и я использую его в заголовке приложения, как это,

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

< /code>

< /code>

Примечание: [/b] я использую приложение маршрутизатор

Подробнее здесь: https://stackoverflow.com/questions/795 ... pplication