From 5b06f385f58a74b8d5f3907a541f4eb6d5eef653 Mon Sep 17 00:00:00 2001
From: Jorge Ruvalcaba <jorgeruvalcabav@gmail.com>
Date: Mon, 8 Mar 2021 11:29:41 -0600
Subject: [PATCH] Adding fix for footer icons after rehydration

---
 components/Footer.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index aeb70da..d59b9a5 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -11,6 +11,7 @@ export const Footer: React.FC<{
   isDarkMode: boolean
   toggleDarkMode: () => void
 }> = ({ isDarkMode, toggleDarkMode }) => {
+  const [hasMounted, setHasMounted] = React.useState(false)
   const toggleDarkModeCb = React.useCallback(
     (e) => {
       e.preventDefault()
@@ -19,6 +20,14 @@ export const Footer: React.FC<{
     [toggleDarkMode]
   )
 
+  React.useEffect(() => {
+    setHasMounted(true)
+  }, [])
+
+  if (!hasMounted) {
+    return null
+  }
+
   return (
     <footer className={styles.footer}>
       <div className={styles.copyright}>Copyright 2021 {config.author}</div>