error handeling on the pagination

components/clinic/components/doctors/head/modal/DeleteAllButton.js

@@ -4,18 +4,20 @@ import { useRouter } from "next/navigation";
 import { clearDoctorClinicParams, clearFilterParams } from "@/helper";
 import { useState } from "react";
 
-function DeleteAllButton({slug, filter, sendReq, setFilter, handleClose }) {
+function DeleteAllButton({slug, filter, sendReq, setFilter, handleClose, setPage  }) {
   const [loading, setLoading] = useState(false);
   const router = useRouter();
-
-  const resetFilter = () => {
-    setLoading(true);
+  
+  const resetFilter = async() => {
+   try{
+     setLoading(true);
     clearDoctorClinicParams(router,slug, [
       "category",
       "specialty",
       "active",
       "gender",
       "degree",
+      "page"
     ]);
 
     const newFilter = {
@@ -28,11 +30,15 @@ function DeleteAllButton({slug, filter, sendReq, setFilter, handleClose }) {
         degree: "همه موارد",
       },
     };
-    sendReq(newFilter).finally(() => {
-      setLoading(false);
-      handleClose();
+     const res = await sendReq({ ...newFilter});
       setFilter(newFilter);
-    });
+      setPage(1);
+      handleClose(false);
+   }catch (err) {
+      console.error("❌ خطا در ریست فیلترها:", err);
+    } finally {
+      setLoading(false);
+    }
   };
 
   return (