From 8f58012cdb957ad2cb0e48c618dcba1bc0da8b31 Mon Sep 17 00:00:00 2001
From: under <under@un0.me>
Date: Thu, 15 Jul 2021 14:42:52 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=9A=E3=83=BC=E3=82=B8=E3=81=AE=E3=83=AA?=
 =?UTF-8?q?=E3=83=AD=E3=83=BC=E3=83=89=E6=99=82=E3=81=AB=E5=A4=89=E6=9B=B4?=
 =?UTF-8?q?=E3=83=9C=E3=82=BF=E3=83=B3=E3=81=8C=E3=81=9A=E3=82=8C=E3=82=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

close #6
---
 pages/components/ThemeSelector.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/components/ThemeSelector.js b/pages/components/ThemeSelector.js
index 18e53cb..d1ad1d3 100644
--- a/pages/components/ThemeSelector.js
+++ b/pages/components/ThemeSelector.js
@@ -22,11 +22,11 @@ const ThemeSelector = (props) => {
   };
   return (
       <button className="inline-flex rounded-md border border-gray-300 dark:border-gray-800 shadow-sm px-2 bg-white font-medium text-gray-700 hover:bg-gray-50 dark:bg-gray-700 dark:text-white my-3 py-1 text-2xl focus:outline-none" onClick={switchTheme}>
-        {theme === 'light' ? (
+        {theme !== undefined && (theme === "light" ? (
           <FontAwesomeIcon icon={faMoon} className="w-10 h-7" />
         ) : (
           <FontAwesomeIcon icon={faSun} className="w-10 h-7" />
-        )}
+        ))}
       </button>
   )
 }