intento de arreglo del error de rehydration

CyberAula · Jun 10, 2024 · 45c86df · 45c86df
1 parent 97b12b5
commit 45c86df
Show file tree

Hide file tree

Showing 10 changed files with 28 additions and 10 deletions.
diff --git a/app/i18n.js b/app/i18n.js
@@ -1,3 +1,5 @@
+"use client";
+
 import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
 import LanguageDetector from 'i18next-browser-languagedetector';

diff --git a/components/BulletElement.js b/components/BulletElement.js
@@ -1,3 +1,5 @@
+"use client";
+
 import React,{useEffect, useRef} from "react";
 import { useTranslation } from 'react-i18next';
 import { myBulletElements } from "@/constants/BulletElement";

diff --git a/components/Footer.js b/components/Footer.js
@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import Link from "next/link";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
@@ -57,7 +59,7 @@ export default function Footer(props) {
                     : "text-left mb-2 font-medium"
                 }
               >
-                <Link className="font-medium" href={route.route}>
+                <Link suppressHydrationWarning  className="font-medium" href={route.route}>
                 {t(route.key)}
                 </Link>
               </li>

diff --git a/components/Header.js b/components/Header.js
@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 import Link from "next/link";
 import { useState, useEffect } from "react";
@@ -77,7 +79,7 @@ export default function Header(props) {
               key={index}
               className={route.route === props.route ? "li-selected" : ""}
             >
-              <Link href={route.route}>{t(route.key)}</Link>
+              <Link href={route.route} suppressHydrationWarning >{t(route.key)}</Link>
             </li>
           ))}
         </ul>

diff --git a/components/LangSwitcher.js b/components/LangSwitcher.js
@@ -1,3 +1,5 @@
+"use client";
+
 import { useTranslation } from 'react-i18next';
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faGlobe } from "@fortawesome/free-solid-svg-icons";

diff --git a/components/NavElement.js b/components/NavElement.js
@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 function Nav(props) {

diff --git a/components/RecentPublications.js b/components/RecentPublications.js
@@ -26,13 +26,13 @@ export default function RecentPublications(props) {
             .filter((i, index) => index < 4)
             .map(({ doi, title, author, date, stroke, content }, index) => {
               return (
-                <a
-                  key={doi}
-                  href={doi}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  <div className={`article`}>
+                // <a
+                //   key={doi}
+                //   href={doi}
+                //   target="_blank"
+                //   rel="noopener noreferrer"
+                // >
+                  <div key={doi} className={`article`}>
                     <div className={`article_stroke ${stroke}`}></div>
                     <div className="article_content">
                       <div className="article_date">
@@ -54,7 +54,7 @@ export default function RecentPublications(props) {
                       ) : null}
                     </div>
                   </div>
-                </a>
+                // </a>
               );
             })}
         </Masonry>

diff --git a/components/ResearchFilter.js b/components/ResearchFilter.js
@@ -1,3 +1,5 @@
+"use client";
+
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 

diff --git a/components/gridElement.js b/components/gridElement.js
@@ -1,3 +1,5 @@
+"use client";
+
 import react from "react";
 import Masonry, { ResponsiveMasonry } from "react-responsive-masonry";
 import { useTranslation } from 'react-i18next';

diff --git a/components/projectCard.js b/components/projectCard.js
@@ -1,3 +1,5 @@
+"use client";
+
 import React, { useState } from "react";
 import Link from "next/link";
 import { myProjectCards } from "@/constants/projectsCards";