legacyBehavior fix for hydration

carbonplan · Jan 6, 2025 · 96af793 · 96af793
1 parent 7caf12c
commit 96af793
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 17 deletions.
diff --git a/src/footer.js b/src/footer.js
@@ -145,20 +145,21 @@ const Footer = () => {
               pt: [2],
             }}
           >
-            <Link
-              as={NextLink}
-              href='/terms'
-              sx={{
-                textDecoration: 'none',
-                fontSize: [1, 1, 1, 2],
-                color: 'secondary',
-                fontFamily: 'mono',
-                letterSpacing: 'mono',
-                display: 'block',
-              }}
-            >
-              READ OUR TERMS
-            </Link>
+            <NextLink href='/terms' passHref legacyBehavior>
+              <Box
+                as='a'
+                sx={{
+                  textDecoration: 'none',
+                  fontSize: [1, 1, 1, 2],
+                  color: 'secondary',
+                  fontFamily: 'mono',
+                  letterSpacing: 'mono',
+                  display: 'block',
+                }}
+              >
+                READ OUR TERMS
+              </Box>
+            </NextLink>
           </Box>
         </Column>
         <Column

diff --git a/src/header.js b/src/header.js
@@ -70,7 +70,7 @@ const Nav = ({ link, mode, nav, first, setExpanded }) => {
 
   if (mode === 'homepage' || (mode === 'local' && nav === url)) {
     return (
-      <NextLink href={href} passHref>
+      <NextLink href={href} passHref legacyBehavior>
         <Link
           onClick={() => {
             if (nav === url) setExpanded(false)
@@ -126,7 +126,7 @@ const Header = ({ status, mode, nav, menuItems }) => {
           sx={{ pointerEvents: 'all', display: 'block', width: 'fit-content' }}
         >
           {(mode == 'homepage' || mode == 'local') && (
-            <NextLink href='/' passHref>
+            <NextLink href='/' passHref legacyBehavior>
               <Link
                 aria-label='CarbonPlan Homepage'
                 sx={{

diff --git a/src/link.js b/src/link.js
@@ -21,7 +21,7 @@ const Link = (
 ) => {
   if (internal || (href && href.startsWith('/'))) {
     return (
-      <NextLink href={href} passHref>
+      <NextLink href={href} passHref legacyBehavior>
         <ThemedLink ref={ref} {...props}>
           {children}
         </ThemedLink>