From 54f0c878648c2ddbecb69242568d8b9242734ef5 Mon Sep 17 00:00:00 2001
From: Shane Loeffler <Shane98c@users.noreply.github.com>
Date: Mon, 5 Jan 2026 10:44:35 -0700
Subject: [PATCH] fix hydration errors on new years

---
 src/footer.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/footer.js b/src/footer.js
index 45d21be..f7b4b7d 100644
--- a/src/footer.js
+++ b/src/footer.js
@@ -1,13 +1,16 @@
-import React from 'react'
+import React, { useState, useEffect } from 'react'
 import { Box, Flex, Link } from 'theme-ui'
 import { default as NextLink } from 'next/link'
 import Monogram from './monogram'
 import Row from './row'
 import Column from './column'
 
-const getCurrentYear = () => new Date().getFullYear()
-
 const Footer = () => {
+  const [year, setYear] = useState(null)
+  useEffect(() => {
+    setYear(new Date().getFullYear())
+  }, [])
+
   return (
     <Box
       sx={{
@@ -128,7 +131,7 @@ const Footer = () => {
                   gap: [0, 0, '10px', '12px'],
                 }}
               >
-                <Box>(c) {getCurrentYear()}</Box>
+                <Box>(c) {year}</Box>
                 <Box>CARBONPLAN</Box>
               </Flex>
             </Box>