fix: minor

components/Footer.tsx

@@ -22,15 +22,13 @@ export const Footer: React.FC<{
       <div className={styles.copyright}>Copyright 2021 Travis Fischer</div>
 
       <div className={styles.settings}>
-        {!config.isServer && (
-          <a
-            className={styles.toggleDarkMode}
-            onClick={toggleDarkMode}
-            title='Tottle dark mode'
-          >
-            {isDarkMode ? <IoMoonSharp /> : <IoSunnyOutline />}
-          </a>
-        )}
+        <a
+          className={styles.toggleDarkMode}
+          onClick={toggleDarkMode}
+          title='Tottle dark mode'
+        >
+          {isDarkMode ? <IoMoonSharp /> : <IoSunnyOutline />}
+        </a>
       </div>
 
       <div className={styles.social}>

components/ReactUtterances.tsx

@@ -1,6 +1,5 @@
 import React from 'react'
 
-import { HTMLDivElement } from 'react-dom'
 import styles from './styles.module.css'
 
 export type MappingType =
@@ -59,7 +58,7 @@ export class ReactUtterances extends React.Component<
     this.state = { pending: true }
   }
 
-  componentWillReceiveProps(props) {
+  UNSAFE_componentWillReceiveProps(props) {
     // this.scriptElement.setAttribute('theme', props.theme)
     const iframe = document.querySelector('iframe.utterances-frame') as any