bugFixed

client/components/Home.jsx

@@ -13,7 +13,7 @@ const Home = ({ user, addPoints }) => {
   const [submit, setSubmit] = useState(false);
 
 
-  let startCount = parseInt(posts.likes || 0)
+  let startCount = parseInt(posts.likes || 0);
   const [countLikes, setCountLikes] = useState(startCount);
 
 
@@ -92,9 +92,9 @@ const Home = ({ user, addPoints }) => {
         .catch((err) => {
           console.error("ERROR in axios put request at handleLikeClick: ", err);
         });
-        fetchData();
-      }
-    }, [countLikes]);
+      fetchData();
+    };
+  }, [countLikes]);
 
 
   return (

client/components/UserProfile.jsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import axios from 'axios';
 import { useSelector, useDispatch } from 'react-redux';
 import { setAuthUser } from './store/appSlice';
@@ -98,6 +98,11 @@ const UserProfile = () => {
     window.location.href = 'http://127.0.0.1:4000';
   };
 
+  // if there's no user return loading
+  if (!authUser) {
+    return <div>Loading...</div>;
+  }
+
   const isSaveProfileDisabled = !isImageSelected;
   const isSaveUsernameDisabled = !updatedUsername;
   const isSaveStatusDisabled = !updatedStatus;