Estoy trabajando en un proyecto de estudio magento 2 PWA y un oyente de clics parece estar disparando varias veces. Tengo dos idiomas en el sitio web. En el primero, el oyente de clics dispara bien. Cuando cambio al segundo idioma, se activa varias veces. A continuación se muestra el código.

 import CmsBlock from '@magento/venia-ui/lib/components/CmsBlock'; const isMobile = useWindowSize().innerWidth < 1024; const footer = <CmsBlock identifiers="footer" />; const handleTabClick = useCallback((element) => { console.log('handleTabClick') element.classList.contains('active-tab') ? element.classList.remove('active-tab') : element.classList.add('active-tab'); }); useEffect(() => { const buttonElements = document.querySelectorAll('.col-links'); if (isMobile) { buttonElements.forEach(element => { element.addEventListener('click', handleTabClick.bind(null, element)); }) } else { buttonElements.forEach(element => { element.classList.contains('active-tab') && element.classList.remove('active-tab'); }) } }, [isMobile, footer, handleTabClick]);

Si vuelvo de useEffect y elimino el detector de eventos en el momento del procesamiento del componente, el detector de clics no parece activarse en absoluto cuando cambio el idioma. ¿Qué está mal con mi código?

Nota: Cuando ocurre el cambio de idioma, se actualiza todo el sitio web.