Revert and disable eslint

Signed-off-by: Rajesh-Nagarajan-11 <rajeshnagarajan36@gmail.com>

Author: Rajesh-Nagarajan-11

src/custom/CatalogDetail/ChallengesSection.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Link, ListItemIcon } from '../../base';
 import { MESHERY_CLOUD_PROD } from '../../constants/constants';
 import { ChallengesIcon } from '../../icons';
@@ -17,14 +17,10 @@ const ChallengesSection: React.FC<ChallengesSectionProps> = ({ filteredAcademyDa
   const [openChallenges, setOpenChallenges] = useState(false);
   const [autoUpdate, setAutoUpdate] = useState(true);
 
-  const prevDataRef = useRef(filteredAcademyData);
-
   useEffect(() => {
-    if (autoUpdate && prevDataRef.current !== filteredAcademyData) {
-      prevDataRef.current = filteredAcademyData;
-      queueMicrotask(() => {
-        setOpenChallenges((filteredAcademyData?.['challenges'] ?? []).length > 0);
-      });
+    if (autoUpdate) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setOpenChallenges((filteredAcademyData?.['challenges'] ?? []).length > 0);
     }
   }, [filteredAcademyData, autoUpdate]);
 
@@ -77,4 +73,4 @@ const ChallengesSection: React.FC<ChallengesSectionProps> = ({ filteredAcademyDa
   );
 };
 
-export default ChallengesSection;
+export default ChallengesSection;

src/custom/CatalogDetail/LearningSection.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Link, ListItemIcon } from '../../base';
 import { MESHERY_CLOUD_PROD } from '../../constants/constants';
 import { LearningIcon } from '../../icons';
@@ -16,15 +16,10 @@ const LearningSection: React.FC<LearningSectionProps> = ({ filteredAcademyData }
   const theme = useTheme();
   const [openLearning, setOpenLearning] = useState<boolean>(false);
   const [autoUpdate, setAutoUpdate] = useState<boolean>(true);
-
-  const prevDataRef = useRef(filteredAcademyData);
-
   useEffect(() => {
-    if (autoUpdate && prevDataRef.current !== filteredAcademyData) {
-      prevDataRef.current = filteredAcademyData;
-      queueMicrotask(() => {
-        setOpenLearning(Boolean((filteredAcademyData?.['learning-path'] ?? []).length > 0));
-      });
+    if (autoUpdate) {
+      // eslint-disable-next-line react-hooks/set-state-in-effect
+      setOpenLearning(Boolean((filteredAcademyData?.['learning-path'] ?? []).length > 0));
     }
   }, [filteredAcademyData, autoUpdate]);