Index: frontend/src/pages/departments/DepartmentDetail.js
===================================================================
--- frontend/src/pages/departments/DepartmentDetail.js	(revision 20468d38749c5a3ed89d6df4db22905a1d0c3df1)
+++ frontend/src/pages/departments/DepartmentDetail.js	(revision cdcff72e9765342b84a5e4b5d98ca5cb050a5500)
@@ -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 cdcff72e9765342b84a5e4b5d98ca5cb050a5500)
@@ -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 />;