From 164ac179493dd947037e2b16d61102d1b72fdf2e Mon Sep 17 00:00:00 2001
From: Francis Turmel <fturmel@gmail.com>
Date: Mon, 20 Jan 2025 09:12:43 -0500
Subject: [PATCH] Fix footer React hydration error

---
 src/components/Footer.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Footer.js b/src/components/Footer.js
index e5e3e7ab1..c47f65dc4 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Link } from 'gatsby';
+import { useIsFirstRender } from '../hooks';
 
 import cn from 'classnames';
 
@@ -25,6 +26,9 @@ const externalLink = {
 };
 
 const Footer = () => {
+  const isFirstRender = useIsFirstRender();
+  const currentYear = isFirstRender ? undefined : new Date().getFullYear();
+
   return (
     <footer className={cn(cols, css.root)}>
       <div className={css.logoMobile}>
@@ -215,8 +219,8 @@ const Footer = () => {
 
       <div className={css.copyright}>
         <span>
-          2016-{new Date().getFullYear()} The Coding Train. All rights reserved.
-          Built in collaboration with{' '}
+          2016-{currentYear} The Coding Train. All rights reserved. Built in
+          collaboration with{' '}
           <a href="https://designsystems.international/" {...externalLink}>
             Design System International
           </a>