Fixed reaction style issue

Author: braydoncoyer

lib/hooks/useArticleReactions.ts

@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 
 import { Reactions } from '../types';
 import { fetcher } from '../fetcher';
@@ -32,13 +32,6 @@ export default function useArticleReactions(slug) {
     }
   );
 
-  const getReactionsFromLocalStorage = useCallback(() => {
-    if (typeof window !== 'undefined') {
-      return JSON.parse(localStorage.getItem(slug)) || initialReactionState;
-    }
-    return null;
-  }, [slug]);
-
   useEffect(() => {
     setHydrated(true);
   }, []);
@@ -55,7 +48,7 @@ export default function useArticleReactions(slug) {
       setHasClapped(clapped);
       setHasPartied(partied);
     }
-  }, [getReactionsFromLocalStorage, hydrated]);
+  }, [hydrated, setReactionsToLocalStorage]);
 
   useEffect(() => {
     setReactions(data);
@@ -183,12 +176,12 @@ export default function useArticleReactions(slug) {
     setReactionsToLocalStorage(updatedReactionState);
   }
 
-  // function getReactionsFromLocalStorage() {
-  //   if (typeof window !== 'undefined') {
-  //     return JSON.parse(localStorage.getItem(slug)) || initialReactionState;
-  //   }
-  //   return null;
-  // }
+  function getReactionsFromLocalStorage() {
+    if (typeof window !== 'undefined') {
+      return JSON.parse(localStorage.getItem(slug)) || initialReactionState;
+    }
+    return null;
+  }
 
   function setReactionsToLocalStorage(reactions) {
     if (typeof window !== 'undefined') {