Index: frontend/src/pages/departments/DepartmentDetail.js
===================================================================
--- frontend/src/pages/departments/DepartmentDetail.js	(revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1)
+++ frontend/src/pages/departments/DepartmentDetail.js	(revision 99ab2763416ecbcb1edce22624d8a6373372bfa2)
@@ -19,8 +19,5 @@
 
   useEffect(() => {
-    fetchDepartmentAndDoctors();
-  }, [departmentId]);
-
-  const fetchDepartmentAndDoctors = async () => {
+    const fetchDepartmentAndDoctors = async () => {
     try {
       setLoading(true);
@@ -39,5 +36,8 @@
       setLoading(false);
     }
-  };
+    };
+
+    fetchDepartmentAndDoctors();
+  }, [departmentId]);
 
   if (loading) return <Loading />;
Index: frontend/src/pages/departments/DoctorsByDepartment.js
===================================================================
--- frontend/src/pages/departments/DoctorsByDepartment.js	(revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1)
+++ frontend/src/pages/departments/DoctorsByDepartment.js	(revision 99ab2763416ecbcb1edce22624d8a6373372bfa2)
@@ -19,8 +19,5 @@
 
   useEffect(() => {
-    fetchDepartmentAndDoctors();
-  }, [departmentId]);
-
-  const fetchDepartmentAndDoctors = async () => {
+    const fetchDepartmentAndDoctors = async () => {
     try {
       setLoading(true);
@@ -39,5 +36,8 @@
       setLoading(false);
     }
-  };
+    };
+
+    fetchDepartmentAndDoctors();
+  }, [departmentId]);
 
   if (loading) return <Loading />;