src/components/master/CreateActivity.jsx

@@ -118,7 +118,7 @@ const CreateActivity = ({ onClose }) => {
   useEffect(() => {
     const tooltipTriggerList = Array.from(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
     tooltipTriggerList.forEach((el) => new bootstrap.Tooltip(el));
-  }, [checklistItems]);
+  }, []);
   return (
     <form onSubmit={handleSubmit(onSubmit)}>
       <h6>Create Activity</h6>

src/components/master/MasterModal.jsx

@@ -19,12 +19,13 @@ const MasterModal = ({ modaldata, closeModal }) => {
       aria-labelledby="modalToggleLabel"
     >
       <div
-     className={`modal-dialog mx-sm-auto mx-1 ${
-      ["Application Role", "Edit-Application Role"].includes(modaldata?.modalType)
-        ? "modal-lg"
-        
-        : "modal-md"
-    } modal-simple`}
+        className={`modal-dialog mx-sm-auto mx-1 ${
+          ["Application Role", "Edit-Application Role"].includes(
+            modaldata?.modalType
+          )
+            ? "modal-lg"
+            : "modal-md"
+        } modal-simple`}
       >
         <div className="modal-content">
           <div className="modal-body p-sm-4 p-0">
@@ -55,10 +56,13 @@ const MasterModal = ({ modaldata, closeModal }) => {
               <EditJobRole data={modaldata.item} onClose={closeModal} />
             )}
             {modaldata?.modalType === "Activity" && (
-              <CreateActivity onClose={closeModal} /> )
-            }
-            {modaldata?.modalType === 'Edit-Activity' && (
-              <EditActivity activityData={modaldata.item} onClose={closeModal} />
+              <CreateActivity onClose={closeModal} />
+            )}
+            {modaldata?.modalType === "Edit-Activity" && (
+              <EditActivity
+                activityData={modaldata.item}
+                onClose={closeModal}
+              />
             )}
           </div>
         </div>