No tengo idea de por qué obtengo el valor incorrecto para window.innerWidth. A continuación se muestra mi código y el código después de la verificación de isMobile es importante para ejecutar.
import CmsBlock from '@magento/venia-ui/lib/components/CmsBlock'; import { useWindowSize } from '@magento/peregrine/lib/hooks/useWindowSize'; const isMobile = useWindowSize().innerWidth < 1024; const footer = <CmsBlock identifiers="footer" />; const handlers = useRef(null); const handleTabClick = useCallback((element) => { element.classList.toggle('active-tab'); }, []); useEffect(() => { if (handlers.current) { for (const {element, handler} of handlers.current) { element.removeEventListener("click", handler); } handlers.current = null; } const buttonElements = document.querySelectorAll('.col-links'); console.log(isMobile, window.innerWidth) if (isMobile) { handlers.current = []; for (const element of buttonElements) { const handler = handleTabClick.bind(null, element); handlers.current.push({ element, handler }); element.addEventListener("click", handler); } } else { for (const element of buttonElements) { element.classList.remove('active-tab'); } } }, [isMobile, footer, handleTabClick]);