Cómo solucionar el error "Text content does not match server-rendered HTML" en Next.js
Este error ocurre cuando el HTML generado en el servidor (SSR) no coincide con el árbol de React que se construye durante la hidratación inicial en el navegador. Es un problema crítico que rompe la experiencia de usuario y puede causar comportamientos impredecibles.
Causa raíz
En tu caso, el error está relacionado con contenido dinámico que varía entre renderizado del servidor y renderizado del cliente, probablemente por:
Uso de Date() o new Date() en el renderizado (ej. fechas de eventos como JUN 9, JUN 11, etc.)
