Resolving some hook dependencies

Author: braydoncoyer

lib/hooks/useArticleReactions.ts

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 
 import { Reactions } from '../types';
 import { fetcher } from '../fetcher';
@@ -32,6 +32,13 @@ 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);
   }, []);
@@ -176,12 +183,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') {