fix: refactor useref code

Author: sundasnoreen12

src/learning-header/New-AuthenticatedUserDropdown.jsx

@@ -59,10 +59,6 @@ const NewAuthenticatedUserDropdown = (props) => {
     careersMenuItem = '';
   }
 
-  // if (!isNewNotificationView) {
-  //   return null;
-  // }
-
   return (
     <Dropdown className="user-dropdown ml-3">
       <Dropdown.Toggle variant="outline-primary" id="user-dropdown">

src/new-notifications/NotificationTabs.jsx

@@ -14,6 +14,7 @@ const NotificationTabs = () => {
   const {
     appName, handleActiveTab, tabsCount, appsId, updateNotificationData,
   } = useContext(notificationsContext);
+  const fetchNotificationsRef = useRef(null);
   const { fetchNotificationList, markNotificationsAsSeen } = useNotification();
 
   const fetchNotificationsList = useCallback(async () => {
@@ -25,8 +26,9 @@ const NotificationTabs = () => {
     }
   }, [appName, fetchNotificationList, updateNotificationData, markNotificationsAsSeen, tabsCount]);
 
-  const fetchNotificationsRef = useRef(fetchNotificationsList);
-  fetchNotificationsRef.current = fetchNotificationsList;
+  useEffect(() => {
+    fetchNotificationsRef.current = fetchNotificationsList;
+  }, [fetchNotificationsList]);
 
   useEffect(() => {
     const fetchNotifications = async () => {